When working on my computer or PC, adjusting the height of a div to match the window size is simple. I just use the following CSS code:
div{
height: 100vh;
}
But when viewing the same page on mobile browsers, the div's height extends beyond the viewport, creating unwanted scrollbars.
This issue occurs on both Chrome and Safari mobile browsers.