Center a Repeating Group

Need help Responsiveness
1

Hey there

This seems like the simplest thing but I can’t seem to work it out! I just want to be able to center a repeating group. That’s it.

I’ve tried row, column, align to parent etc…

I’ve also tried putting it in a row of its own with center alignment. I don’t want it to fill the horizontal width necessarily, as that would make the columns too wide, or the gap between them too wide.

2

Share a link to your editor

3

Hi @emma1,

It’s difficult to say without seeing a screenshot of your setup, but unless either the RG or one of its containing groups has its width constrained (has a max width set - either less than 100% or a hard pixel value), it will always be as wide as the page.

And of course, a different max width can be set for different page widths via conditionals.

4
  1. First of all make sure your RG is not full width.
  2. Group elements inside an individual cell of an RG together.
  3. Center the RG on the page.
  4. Make RG be a column.
  5. Make RG horizontal alignment centered.
  6. Click on a Group element inside the RG and set alignment (bottom on) to centered.

Hope this helps 🫶

@bestbubbledev - Youtube | LinkedIn | Twitter
| Best Nocode Studio

1 Like