Grid Element Spacing Design

[Eventprof]

Hi all, i’m having a little trouble getting the Grid element to do what i’d like. I have a grid 8 wide by 6 high. However what I want to do is add an extra grid line on certain columns to use as overlapping margins. I have tried using rem spacing in between my fr values, but this affects the scaling of the entire grid. How would I go about adding these grid lines whilst keeping the integrity of the grid spacing?

I have attached a photo as an example of what I would like to achieve, where the white line at the edge of the photo is where I would like my text box to begin.

From a cornerstone beginner, thanks in advance, any help is greatly appreciated!

[ruenel]

Hello Adam,

Thanks for writing in! Actually you can use border option to add a border color in each of your columns. Just make sure that you also changed the z-indexes of each column so that the right column will be ton top of the other.

Hope this helps.

[Eventprof]

Thanks for your help. I actually managed to achieve what i needed by dividing the one larger square into four smaller fr values.

All the best

[christopher]

Glad that you’ve managed to fix the issue