[this is the page] https://i.sstatic.net/4TjC4.png Upon creating this page, I encountered an issue where unnecessary white space appears when the page size is reduced. The page is divided into three sections, each set to 100% width and 100vh height (with varying heights). I'm unsure of the cause for this behavior. To investigate further, I used inspect element to reduce the page width and observe its response to smaller sizes. While I have a lengthy CSS code (~400 lines), I'm happy to share it with someone who might have insights into what could be causing this issue.
:root {
--main-white: #f0f0f0;
--main-red: #be3144;
...
}
/* HTML Document */
<!DOCTYPE html>
<html lang="en">
<head>
...
</body>
</html>