title: How to write different HTML for different screen sizes
body: <p>I understood how I change CSS via media queries (such as media="screen and (max-width:640px)")</p>
  
  <p>but let's say I want to write (just for example)</p>
  
  <pre><code>&lt;div&gt;
  [if screen resolution is lower then 960 px]
      &lt;div&gt;
      some new text only for lower resolution
      &lt;/div&gt;
  [end of condition]
  &lt;/div&gt;
  </code></pre>
  
  <p>What is the condition I need to write to get it right?</p>