title: Why does my media query work in codepen but not vs code?
body: <p>I tried adding a media query to my vs code project and just to check if it is working I like to do a small check of changing the background color. For some reason it will not work in vs code, Whenever I click inspect on the static page and lower the width the background color does not change.</p>
  <p>I then went into code pen and tried it out there with the same code and it works fine there. What could it be? Is it a vs problem or something I'm doing wrong in the code?</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;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
  }
  
  body {
    background-color: #2f2f2f;
  }
  
  @media (min-width: 300px) and (max-width: 768px) {
    body {
      background-color: yellow;
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;meta name=”viewport” content=”width=device-width”&gt;</code></pre>
  </div>
  </div>
  </p>