We've generally used height: "100vh" or height: "calc(100vh - ${navHeight}px)" to size the main the body of the site so that it fills the whole screen. However, on mobile 100vh actually includes the browser search bar which is not part of the website (obviously), so it would overflow the screen and require you to scroll. Using 100% avoids this problem.
We've generally used
height: "100vh"
orheight: "calc(100vh - ${navHeight}px)"
to size the main the body of the site so that it fills the whole screen. However, on mobile100vh
actually includes the browser search bar which is not part of the website (obviously), so it would overflow the screen and require you to scroll. Using100%
avoids this problem.