title: How to show text only on mobile with CSS?
body: <p>I have a text (in a div) which shows on desktop and mobile screens.</p>
  
  <p><strong>Expected</strong></p>
  
  <p>I want the text to only show in <code>@media only screen and (max-width: 768px)</code></p>
  
  <p><strong>How to</strong></p>
  
  <ol>
  <li><p>hide the div with <code>display:none</code> <em>or</em></p></li>
  <li><p>is there any other solution?</p></li>
  </ol>