How to make this layout using grid ? Is it possible?

No description
9 Replies
Jochem
Jochem•2w ago
You can use grid-column to overlap grid children
i_lost_to_loba_kreygasm
i was thinking same but wasnt sure . anyway the container width is 950px , and the overlapping part is 190px roughly , so I should make 5 columns of 1fr ?
i_lost_to_loba_kreygasm
here
No description
Jochem
Jochem•2w ago
no, never make more columns than necessary, just set the widths sensibly this is a three column situation, probably with a max-width on the left block of text
i_lost_to_loba_kreygasm
https://themewagon.github.io/mosaic it seems its animating do you know any js libraries that can do this?
Jochem
Jochem•2w ago
gsap
i_lost_to_loba_kreygasm
how to place the text vertically center ? 😦
No description
i_lost_to_loba_kreygasm
i did overlap
Jochem
Jochem•2w ago
use grid-row and set the values to the same thing for both children it works the same as grid-column but for rows

Did you find this page helpful?