title: How do i keep my background image covering the screen when scrolling / resizing
body: <p>What i'm trying to do is parallax scrolling through several images, but somehow 
  1) Tiling happens (image keeps repeating or it doesn't show the full image) and
  2) When i try different screen sizes (especially mobile phones), it doesn't work cos the image doesn't resize. </p>
  
  <p>Is there a way to fix this?</p>
  
  <pre><code>section.module.parallax-1 {
    background-image: url("http://cdn.udderlypettable.com/wp-content/uploads/2015/05/Maine-Coon-Face.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  </code></pre>
  
  <p>I've put my code on <a href="http://codepen.io/yhchang/pen/eZWKeY" rel="nofollow">Codepen</a></p>