title: How to avoid background image tile when browser window resizes
body: <p>I used an actual image for the background-image inside <code>body</code> tags then fixed it to have an example of the <a href="http://goo.gl/zH1KM" rel="nofollow noreferrer">actual site</a></p>
  
  <p>When I view on a large screen the background image tiles like this <img src="https://i.stack.imgur.com/k0SyQ.png" alt="enter image description here"></p>
  
  <p>How can I make it in such a way that the image does not tile and remains a 'single' that was shown in the actual website.</p>
  
  <p>The <strong>CSS</strong> I'm using is below</p>
  
  <pre><code>body {
  margin:0; padding:0;
  background: url(../images/new.jpg) fixed #A8BFAD;
   }
  </code></pre>