title: CSS Mobile Optimization not working for mobile
body: <p>So last night I uploaded my completely new website to Heroku using React, and when I woke up this morning just to 'admire my website', I found out that it's not showing up as it should in terms of mobile optimization, even though I have specifically made it compatible with numerous devices and tablets. I don't have any code to show you, except the current '@media' code snippets that I am using to target all of the devices listed in Google Chrome developer Tools (Samsung S5, Nexus, iPhones and iPads). This is what I have so far to cover everything:</p>
  
  <p>Website:</p>
  
  <pre><code>@media screen and (max-width: 1280px) {}
  </code></pre>
  
  <p>Galaxy S:</p>
  
  <pre><code>@media screen and (width: 360px) {
  
      @media screen and (height: 640px) {
  
      }
  }
  </code></pre>
  
  <p>Nexus 5X</p>
  
  <pre><code>@media screen and (width: 412px) {}
  </code></pre>
  
  <p>Nexus 6P</p>
  
  <pre><code>@media screen and (width: 412px) {
  
      @media screen and (height: 732px) {
      }
  }
  </code></pre>
  
  <p>iPhone 7 &amp; 8</p>
  
  <pre><code>@media screen and (width: 375px) {
  
      @media screen and (height: 667px) {
      }
  }
  </code></pre>
  
  <p>iPhone 7 &amp; 8 Plus</p>
  
  <pre><code>@media screen and (width: 414px) {
  
      @media screen and (height: 736px) {
      }
  }
  </code></pre>
  
  <p>iPhone X</p>
  
  <pre><code>@media screen and (width: 375px) {
  
      @media screen and (height: 812px) {
      }
  }
  </code></pre>
  
  <p>And the strange part is; when I was using localhost in Google Chrome (and Dev Tools, to show the screen of the particular device, it all showed up properly. However, when I go to the website still using the selected device resolution, it shows up perfect. But when I use my iPhone 7 Plus it all looks messed up. What may seem to be the problem here?</p>
  
  <p>EDIT: I have done this before, and it worked perfectly. What I have done different this time, is that I am currently using create-react-app. Last time I used Sass and webpack, could this be the issue?</p>