How to make this layout ? Esp the top part where it is supposed to be a slider.

I was thinking that it should be done with grid but the slider makes me think it should be done with flexbox. Thoughts?
No description
2 Replies
i_lost_to_loba_kreygasm
anyone ?
Jochem
Jochem3w ago
you can combine grid and flex if you want the squares are definitely grid. There's 4 unique slices vertically, and two horizontally, so you'd have something like grid-areas: 'a a b b', 'c d d e'; then you'd position the elements in grid-area: a; or whatever. Or you can work with grid lines if you prefer for positioning the arrows on the slider, I think you could use subgrid?

Did you find this page helpful?