title: Media Query: Doesn't Change Style when i resize the browser
body: <p>I have this code . When i resize the browser to <code>min-width: 480px</code> it doesn't change the background color to blue and width to 100px</p>
  
  <p>this is my code so far:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media screen and (min-width: 480px) {
      .boxcontainer {
          background-color: blue;
          width: 100px;
      }
  }
  .boxcontainer{
          width: 1300px;
          background-color: green;
          height: 200px;
        }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="boxcontainer"&gt;
    
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank you </p>