title: Hide Div on Desktop, Show On Mobile
body: <p>I have a paragraph inside a DIV that I want completely hidden when the width is > 500 and to display when the width is &lt; 500. I'm not sure what's wrong here.</p>
  
  <pre><code>&lt;head&gt;
  &lt;style type="text/css"&gt;
  #mobileshow    { display:none; }
  
  @media screen and (max-width: 500px) {
  #mobileshow   { display:block; }
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;div id="mobileshow"&gt;&lt;p&gt;Click the images below to download.&lt;/p&gt;&lt;/div&gt;
  </code></pre>