I noticed that the height of my section with id "the-view-port" is set to 100vh in my page like this:
<html>
<body>
<section id="the-view-port">
However, I am experiencing an issue in Chrome (Version 73.0.3683.86) where there seems to be something below the html tag when inspecting the window. How do I identify what is causing this and remove it?
Additionally, there are some other relevant CSS properties being applied:
#the-view-port { height: 100vh; }
box-sizing: border-box; // on html
display: flex // on body
flex-direction: column;
flex-wrap: nowrap;