title: CSS/SASS: Media Queries not being read/seen
body: <p>I'm using Ruby on Rails and I have all my styling set in application.css.scss as so</p>
  
  <pre><code>body{
      //GLOBAL STYLES
  
      @media only screen and (max-width: 770px){
          //MOBILE ONLY STYLES
      }
  
      @media only screen and (min-width:771px) and (max-width:1040px){
          //TABLET ONLY STYLES
      }
  
      @media (min-width: 771px){
          //STYLING COMMON TO BOTH TABLET AND DESKTOP
      }
  
      @media (min-width: 1040px){
          //DESKTOP ONLY STYLES
      }
  
  }
  </code></pre>
  
  <p>When I resize my browser all, the media queries seem to work fine but none of the mobile styling is showing on my phone. Any help as to why this is would be much appreciated. </p>