Collection Item Margins

I’m wondering how to set a specific inside margin on a 2 column grid populated with content from a collection. In my link you can see I do have a margin between the two columns but only because each collection item is set to 49% width. Is there a way I can set the margin so it is exactly 30px?

My issue is that if I just put margins on the collection item the margin will also be on the outside of the columns and will no longer line up with the full width collection item at the top.

If you do that, you’ll make it so that the grid isn’t responsive. I suggest perhaps using padding on the inside of the collection item and doing a div inside that that reaches the padding and sits inside if that makes sense.

1 Like