#How would I recreate this layout in html&css?

3 messages · Page 1 of 1 (latest)

green tide
#

How would I recreate this layout in css and html?
I was thinking of using grid to add 3 columns then use flex and margins for elements inside, would that be a good way to do it? Thank you

celest copper
#

I would do something similar but maybe exactly reversed? So 3 columns using flex then the left and right sidebars can both also be their own flex elements since their layouts are pretty simple. However the "main" center content might best be a grid in order to easily get those 4 exactly sized squares.. You could flex those as well but I'm thinking grid would be easier... But I can't really see below the fold so you may well (probably) will end up with multiple sup-components which will be a mix of individual grid/flex items...

Good luck!

green tide