title: Grey Bar at bottom of Website Only On Mobile View
body: <p>I have set a background on my website (www.brentleas.com) and it fills the screen on desktop but on mobile it doesn't. When I use the development tools on chrome it shows the image filling the screen. However when I load up the website on my phone it has a grey bar at the bottom of the page. </p>
  
  <p>Image showing what I'm talking about: <a href="https://i.stack.imgur.com/62MUu.png" rel="nofollow noreferrer">1</a></p>
  
  <p>Here's my css code:</p>
  
  <pre><code>html {
  
  background-image: url("../images/cooper.png");
  
  background-repeat: no-repeat;
  
  background-position: center center;
  
  background-attachment: fixed;
  
  background-size: cover;
  
  background-color: #464646;
  
  color: white; }
  </code></pre>
  
  <p>Any help would be greatly appreciated. Thanks in advance.</p>