I would like to make a custom layout for the mobile version of my site.
The idea is to use the 100vh space divided into 2 content area:
- the top (60vh) is sticky and used as a space to show images
- the bottom (40vh) is scrollable and used as a space to show text
I would like to give that layout the following behavior but at the moment, I can’t have the steps 3 and 4 working properly. The sticky moves when the next section hits it’s bottom which is not what I want.
Surely something easy to solve but can’t find the solution on my own