[Support request] Off Grid Layout – Flex or Grid?

[Felix]

Hey GP Team,

i was wondering how you would achieve a layout like this in generate press.
i have been trying to do this with negativ margin and z-index but its getting a bit messy. 🙂
Maybe you have some best practices with css grid in gp? What would you recommend?

[David]

Hi there,

just to confirm – this is for an Archive ?

[Felix]

ah sorry. “to achieve” 😀

[David]

Oh my – i need my eyes testing…. lol

I think that would be complicated regardless of the CSS grid method being used.

If you think CSS Grid is an option then you could use the GB Container Block to set your grid on.

If you add a class to the Container eg. has-css-grid-x
Then you need to target the gb-inside-container element eg.

.gb-container.has-css-grid-x .gb-inside-container {
    display: grid;
    /* your grid styles here */
}

[Author]

Posts