title: Background image will not show up in CSS using the Brackets editor
body: <p>Im trying to create my first web project using Brackets and cannot get the background image to show up.</p>
  <p>My css code is</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html {
    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-rendering: optimizeLegibility;
  }
  
  .row {
    max-width: 1140px;
    margin: 0 auto;
  }
  
  .header {
    background-image: url(../img/hero.jpg);
    background-size: cover;
    height: 100vh;
  }
  
  h1 {
    margin: 0;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="vendors/css/normalize.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="vendors/css/grid.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="resources/css/style.css"&gt;
    &lt;link rel="preconnect" href="https://fonts.gstatic.com"&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;1,300&amp;display=swap" rel="stylesheet"&gt;
    &lt;title&gt;Omnifood&lt;/title&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;header&gt;
  
      &lt;div class="hero-text-box"&gt;
        &lt;h1&gt;Goodbye junk food. Hello super healthy meals.&lt;/h1&gt;
        &lt;a href="#"&gt;I'm hungry!&lt;/a&gt;
        &lt;a href="#"&gt;Show me more&lt;/a&gt;
  
      &lt;/div&gt;
  
    &lt;/header&gt;
  
  &lt;/body&gt;
  
  
  
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I've been following a course online and have typed all the code in identically. I don't know why my background image wont appear. I dont think its a problem with the file tree as when I click on the url(../img/hero.jpg) Brackets shows me that it recognizes the image. Any help would by greatly appreciated. Thank you.</p>