How to deal with padding and margin in a RG?

So I am curious how others deal with the issue of creating space in a RG for the elements without messing with the padding in the Group that it is in.

One way is to set the padding conditionally, based on the cell index. as you’ve done (i.e. if the index is divisible by 2, for a 2 column RG, or by 3 for a 3 column RG etc.) - but as you’ve seen it’s not ideal, and can get complicated if the number of columns changes on different screen sizes.

A simpler, and more dynamic way to do this is by using the RG Separator instead.

Remove the Margins from the container Group inside the RG.

Set the RG separator to ‘Solid’ (or anything other than ‘none’), with a width of 16px (or whatever you want it to be) and set its colour to 0% opacity.

1 Like

Yes!! Ok that is perfect. I thought about doing the separator but couldn’t figure out the color issue. Even though I have turned the opacity to 0% before, I just wasn’t thinking since I was rushing to build before work.

Thanks!

1 Like