Grid row – spacings (to make individual grids)

Hi,

I am in need of your support – I haven’t been able to find the correct CSS code to solve my problem.

I currently am setting up a page with a grid row element. One grid row is split into to 1/2 cells – and what I need to do, is to seperate these to 1/2 cells within the grid row. I need to have a small spacing all around the grid row, as well as between the 2 x 1/2 cells that make up the grid row.

Attached is an image of how it currently looks like, and another image to show what we are currently trying to make (need the CSS code) :-) I suspect we may need to use the “Section ID” (custom ID) for the grid row, and then apply some CSS to make the spacing outside and inside (found it in another thread, but could not make it work).

Image 1: What the grid row (which has 2 x 1/2 cells in it) currently looks like

Image 2: How we would like to present our grid row

I hope that you can help us with the CSS and instructions needed to obtain the result seen on image 2. In advance, thank you for your amazing service!

• This topic was modified 9 years ago by Xperten.