I’m building an app that shows a gallery grid. The group containing the RG is set to max width 1200. The cells are set to min width 110, max 200. On mobile, the desired effect works (3 gallery items in one row). On desktop, bubble squeezes 10 items each 110 px into one row. But I’d rather have eg 6x200 px. It seems that bubble gives prio to maximizing the number of items shown in one row as long as min width is not harmed. Hope it becomes clear what I am trying to explain 
. Any help would be highly appreciated.
And I guess setting size to be fixed at 200 px is not an option because you want 110px to be used in the mobile version right?
1 Like
Right!
Try with the horizontal stretch alignment
There are at least couple different approaches you could take which involve conditionals:
-
Use conditionals on the RG to increase the Min width of column setting at wider page (or RG) widths.
-
Enable the Set fixed number of columns setting for the RG and then use conditionals to change the number of columns at various widths.
With either approach, you’re basically configuring breakpoints to alter the layout at specific widths.
1 Like
That worked perfectly! Thanks!