title: White space from html below 100vh cover background image, causing scrollbar
body: <p>In my React project, I have a component for a landing page. A section element with a class of "landing" is the top-level element for the component. I would like the background image to take the full width of the screen, which it does -- however, there is white space below the cover image and a scrollbar appears. </p>
  
  <p>Setting <code>html { overflow-y: hidden }</code> eliminates the issue, but I can't do that because it chops off the content for other components that do require a scrollbar. (React Router is used to display the component -- if only there were some way I can do that when the landing component route is being displayed only...)</p>
  
  <p>When I open Chrome dev tools and hover over the white space, two things are highlighted: first (up higher) <code>div#root</code>, and below, <code>html</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/piUeY.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/piUeY.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/oURJR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oURJR.jpg" alt="enter image description here"></a></p>
  
  <p>CSS for section element:</p>
  
  <pre><code>.landing {
    /* center center is background-position, cover is background-size (see https://stackoverflow.com/questions/31558245/declaring-all-css-background-properties-in-one-line-especially-background-size) */
    /* bacground-position: 2-value syntax: one value defines X and the other defines Y. Default value is top left or 0% 0% */
    background: url('./img/showcase.jpg') no-repeat center center / cover;
    height: 100vh;
  }
  </code></pre>
  
  <p>GitHub repo <a href="https://github.com/nataliecardot/devconnect" rel="nofollow noreferrer">here</a>. Landing page component code <a href="https://github.com/nataliecardot/devconnect/blob/master/client/src/components/layout/Landing.js" rel="nofollow noreferrer">here</a>. Full CSS <a href="https://github.com/nataliecardot/devconnect/blob/master/client/src/App.css" rel="nofollow noreferrer">here</a>.</p>