Set section height equal to another section?

General
1

hey guys

i have a page where each section height is set at : min-height=100vh

for some sections, height is more than 100vh and it’s ok

BUT, i have an overlapping effect (with motion page) from section B on top of section A and i need section B height to be set at min-height=sectionA height

How can i do that ?

here is a loom i made to explain to a friend (so, sorry but it’s in french) : Motion.page ‹ Colearns — WordPress - 19 September 2024 | Loom

2

This may not work at first with motion page, but one way to do it is to wrap the sections in a div with display: grid and set the columns/rows to be equal height using standard practice.

3

i’ll try it maybe…

meanwhile, i’ve cheated using a pseudo element after, with the same bg color than section C, so we don’t see the gap between B and C, and we don’t see the end of A behind…

1 Like