title: Hide span for tablet and show on normal screen
body: <p>I am trying to use @media query to hide a span for tablet screen only like this:</p>
  
  <pre><code>@media screen and (max-width: 600px){
  .tablet-screen {
      display: none;
  }
  </code></pre>
  
  <p>But it seems to be not working. Can someone correct me that i have to use max-width not min-width to hide span right ?</p>