title: How to properly make media query for iphone, tablet and desktop
body: <p>I am trying to design for 3 different views, iphone, tablet and desktop.
  This is my media query.</p>
  
  <pre><code>@media only screen and (min-width: 320px) {
    **mobile/iphone style**
  }
  
  @media only screen and (min-width: 768px) {
    **tablet style**
  }
  
  @media only screen and (min-width: 992px) {
   ** desktop/bigger screens **
  }
  </code></pre>
  
  <p>So I started with mobile view and everything is fine. Then I am now styling tablet and everything I did on mobile view is being carried over in my tablet view. For example, I set padding somewhere in mobile view and the padding is screwing with my tablet view. I am not sure what I am doing wrong. I might have more problems later on when I start working on the desktop view. Is this the proper way of making media query?</p>