As I work on a website for my school project, I wanted to add some flair by implementing an effect where objects stack on top of each other. While this works well, any content larger than 100vh gets cut off unless the objects are set to a fixed height. Would incorporating breakpoints into the design help dynamically adjust the font size to address this issue? Thanks!
https://i.sstatic.net/UvsPG.png
The content becomes inaccessible on smaller screens due to being cutoff, as shown in the image provided.
height: 100vh;
width: 100%;
position: sticky;
top: 0;
background-color: #e6e6e6;
scroll-snap-align: start;
This snippet of code is responsible for creating the desired effect.