title: trying to hide multiple classes on larger screens using CSS media queries?
body: <p>I am using CSS media queries to display multiple classes ONLY on screens smaller than 760px. I wrote this code:</p>
  
  <pre><code>@media only screen and (min-width: 760px) {
      .picleft, .picright, .piclefttext, .picrighttext {
          display:none;
      }
      .picbottom, .picbottomtext {
          display:none;
      }
  }
  </code></pre>
  
  <p>However, this hides the classes on all screen sizes. When I changed "min-width" to "max-width", it displays them on all screen sizes. What is wrong with my code?</p>