title: Is there an way to fix this little problem with my background image on my responsive website?
body: <p>I have created a new responsive website with navbar, text, background image, etc. Then a problem came up. There is under my footer a big white spot. Is there a way to change the code that there is also my background image? The Code is written in HTML, CSS and a few lines of JavaScript.</p>
  
  <p><a href="https://i.stack.imgur.com/pM64r.jpg" rel="nofollow noreferrer">My Problem</a></p>
  
  <p>I have tried it with this code but it doesn't work:</p>
  
  <pre><code>body {
      font-family: "Raleway", sans-serif;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: dimgrey;
  }
  </code></pre>
  
  <p>My Code:
  <a href="https://jsfiddle.net/q64g3ft7/2/" rel="nofollow noreferrer">https://jsfiddle.net/q64g3ft7/2/</a></p>