title: Media queries not getting applied to any screen size
body: <p>I'm trying to create mobile first approach media queries. But in chrome dev screen simulator, I notice that the background color <code>red</code> shows up for all the screen size. </p>
  
  <pre><code>body{
    background-color: black;
    margin: 0;
  }
  
  @media (min-width:576px) {
    body{
      background-color: green;
      margin: 0;
    } 
  }
  
  @media (min-width:768px) {
    body{
      background-color: red;
      margin: 0;
    }  
  }
  
  @media (min-width:992px) {
    body{
      background-color: pink;
      margin: 0;
    }  
   }
  
   @media (min-width:1200px) {
    body{
      background-color: blue;
      margin: 0;
    }
   }
  </code></pre>