title: CSS media queries not working on mobile, but work on desktop
body: <p>I have added the meta tags in my HTML</p>
  <pre><code>&lt;meta charset=&quot;UTF-8&quot;&gt;
     &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,&quot; /&gt;
  </code></pre>
  <p>My media queries are in the right order and at the end of the stylesheet. (Desktop version works)</p>
  <pre><code>@media only screen and (max-width: 600px) {
  /* my refactoring code */
  }
  </code></pre>
  <p>Desktop version looks like this&gt;
  <a href="https://i.stack.imgur.com/TAtci.png" rel="nofollow noreferrer">Desktop version</a></p>
  <p>Mobile version looks like this&gt;
  <a href="https://i.stack.imgur.com/W4W3R.jpg" rel="nofollow noreferrer">Mobile Version</a></p>
  <p>Please help me get my code right for the mobile devices. Thank you!</p>