Kevin Powell - Community•2y ago

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•2y ago

Message Not Public

DovahOP•2y ago

@laursat Lol. Yeah flex-direction:column; worked. Strange.. Thanks a lot! 😄 Cheers!

Unknown User•2y ago

Message Not Public

Gaming

Programming

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