Upper part of project disappearing(getting eaten up?) when resizing it vertically in Responsive mode

Project link: https://benevolent-seahorse-6c9816.netlify.app/ When you resize it vertically in responsive mode, while it is in "centered in the middle of the screen" state (desktop version), top part gets eaten up, instead of stopping at the top and enabling scrollbar. Most likely something to do with
body {
min-height:100dvh;
}
.container {
display:grid;
}
body {
min-height:100dvh;
}
.container {
display:grid;
}
As well as some content being position: absolute; . Bunch of spaghetti. Is there any (simple)fix for it?
3 Replies
Unknown User
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
Dovah
Dovah•16mo ago
@laursat Lol. Yeah flex-direction:column; worked. Strange.. Thanks a lot! 😄 Cheers!
Unknown User
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View