Centering repeating groups when resized

[phetxdphet]

Is there a way to resize repeating groups whilst maintaining the internal groups centered? (the image of the t shirt in the mobile layout to be centered and not offset to the left as in image attached)

Repeating group layout: (rows 1, column 4, vertical scroll)

Desktop layout:

Mobile layout:

Thanks in advance for your time!

[boston85719]

There is a way to do it but the rg cells will need to be dynamic in width, so it wouldn’t keep the same sizing…otherwise I believe you just need to have multiple rgs for the different number of columns. (4 columns down to 1 requires 4 rgs)

If you don’t mind a dynamic width of the cells checkout the post below

Repeating Group Responsive

Have a look at this editor. On the index page at the bottom is a basic version of the responsive repeating group I showed in the video. If you don’t want a fully responsive RG then the issue you have with the extra space, maybe related to how the elements are grouped to gether. When I make RGs to display products, I create a reusable element that is the ‘card’ to display all details of the ‘listing’. After that I drop it into an RG and I usually don’t have any issues.

[phetxdphet]

Hi @boston85719!

Cheers thanks for the fast response! I had a look at your editor and that’s exactly what I want, although I can’t figure out how your single repeating group expands horizontally as mine would expand vertically if I set the RG to 1 row 1 column?
e.g

[boston85719]

It expands horizontally because of the responsive settings used such as collapse margins…poke around the editor and check out the settings for things like collapse margins when width is…also look at the max width settings…look for those on the elements that is the group containing everything as well as group containing rg and rg itself.