Help with responsiveness

Need help Responsiveness
1

Hey folks. I’m trying to redesign my app landing page. I’ve got a layout like this:

image
image3025×1552 487 KB

…not bad. But when I drop the screen size down, the responsiveness engine does this:
image
image2386×1974 419 KB

I’m sure it’s because it was on 2 rows to start, but I don’t know how to make it so that when shrunk, it drops to 3 rows of two, and then just one column.

Anybody have any ideas?

1 Like
2

Are these in a repeating group or are they all separate groups?

1 Like
3

Separate groups. So…newbie alert…I’ve only ever used an RG for dynamic data. Is this the point where you tell me you don’t need to just use dynamic data in an RG?

4

Nope

Look into the use of the responsiveness setting for ‘wrap to previous line when stretched’ and on your original design set each group to be stacked in a container group, set each to have the ‘wrap to previous line when stretched’ setting and allow the container group to have a not fixed width.

1 Like
5

I think I follow. As in…stack the cards vertically?

1 Like
6

I’ve almost got it…the centre row is now just…a bit wonky:

image
image2243×1766 410 KB

7

Make each group not fixed width and setup the min and max width to your liking…this will allow them to stretch and fill up the gap…

1 Like
8

Thanks for your help, @boston85719 !

1 Like