title: Media query not applying for desired screen size
body: <p>I am creating a mobile design for certain mobile screens, so I want to apply my styles for screens that are 275px wide up to 812. Currently for some reason the styles defined for this media query get applied from 303 to 812 width but bellow that they don't have any effect. Is my media query wrong for what I am trying to achieve? Here is how it looks:</p>
  <pre><code>@media screen and (min-width:275px) and (max-width:812px) {}
  </code></pre>
  <p>and here is my view port line in the html:</p>
  <pre><code>    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1.0&quot;&gt;
  </code></pre>