Repeating group columns in new responsive engine

Need help New Responsive Engine
1

I’m having an issue with column width in the new responsive engine. I have my minimum column width set to be the same width as the element inside of the repeating group, but it seems like I need the ability to set the max width of a column as well. The reason is, is when the column has to respond down to 2 columns instead of 3 (which is the max I’ve set via a max width of the repeating group), the items on the right float all the way to the right, leaving a large gap inbetween items. The screenshots show this better than my description.

Screen wider than 1260 pixels (max 3 column layout)

wider
wider1664×1299 136 KB

Screen narrower than 1260 and the repeating group responds down to 2 columns

narrow
narrow1348×1304 137 KB

Here are my settings for the repeating group and the element inside of it

repeating group
repeating group339×1119 47.8 KB

repeating-grou 2
repeating-grou 2339×762 34.1 KB

group
group336×813 36.7 KB

2

Did you get an answer to this? I have same question.

3

Nope, no one seems to either have the same issues or my posts was pushed to the bottom and no one saw it.

4

Oh, hey guys, I just saw this. So you should use ‘%’ instead of ‘px’. Set Max Width of each group to say 45% of the parent group. (when you set max width using %, it’s by default % of parents width.) This will do. Let me know if you can’t figure it out.

5

Ahh thank you for the tip! You were sorta right, I needed to set a max width on the group inside my repeating group to 100% to fill the space. Thank you.