title: Putting all-screen-sizing image as background in custom element
body: <p>Hopefully this will be a quick question. I wanted to add an image to my landing page that scales to any screen. I found this code to be the suggested and most optimal method </p>
  
  <pre><code>html {
    background: url('image/img.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  </code></pre>
  
  <p>However I am having problems implementing this. This code does what it is supposed to, however if I set it under html then this image takes place anywhere I call html in my site which I dont want. I want this to occur in one page of my site only. I tried creating my own custom html tag bodycover {} but that didn't work.</p>
  
  <p>I am new to this and have not taken a step into custom html tags yet. I feel like there is an easy solution to this but I can't find it despite researching it thoroughly.</p>
  
  <p>Thanks </p>
  
  <p>EDIT: If there is a simply way to get this working without a custom element that would be even better. I simply don't know of one</p>