Cant get 100svh / 100dvh to work properly
Hello everyone,
I tried following Kevin's video: https://www.youtube.com/watch?v=veEqYQlfNx8&t=330s ...
I have a small React app with not a lot of content, so I want to stretch the page so that the page will always be full with at least a background color.
the problem is that I am either getting a scroll, even though there is no content to scroll to, or the '100svh' does not work (probably because I set it on the wrong tag).
Important to note:
1. correct me if I'm wrong but all the elements in React are coming inside the #root tag, so maybe I need to address that somehow.
2. all of my routes contain the Navbar which has a constant height, and then comes the page.
Help would be much appreciated.
Kevin Powell
YouTube
The problems with viewport units
Conquering Responsive Layouts (free course): https://courses.kevinpowell.co/conquering-responsive-layouts
Join the Discord: https://kevinpowell.co/discord
Viewport units often feel like this cheat code that makes things so much easier when you first discover them, but they actually are problematic for a number of reasons, from creating horizon...
1 Reply
Would be best if you provide a minimal example of the issue.