title: Hide div element when screen size is smaller than a specific size
body: <p>I have a div element that I want to hide when the width of the browser is less than or equal to 1026px. Is this possible to do with the css:    <strong><code>@media only screen and (min-width: 1140px) {}</code></strong>    If it isn't possible with css, Is there any alternative?</p>
  
  <p>Extra info:
  When the div element is hidden, I don't want a blank white gap. I'd like the page to flow as it would if I deleted the div element entirely from the code.</p>
  
  <p>The div I am hiding is <strong><code>&lt;div id="fadeshow1"&gt;&lt;/div&gt;</code></strong>.</p>
  
  <p>HTML5 Doctype.</p>
  
  <p>I used javascript to place a gallery into that div.
  <br /><br /><br />
  <strong>I want it to look like this when it is bigger than 1026px width:</strong> <a href="https://i.stack.imgur.com/REBPi.png" rel="noreferrer"><img src="https://i.stack.imgur.com/REBPi.png" alt="http://i.stack.imgur.com/REBPi.png"></a>
  <br /><br /><br /></p>
  
  <p><strong>I want it to look like this when it is less than 1026px width:</strong> 
  <a href="https://i.stack.imgur.com/XdiL4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/XdiL4.png" alt="http://i.stack.imgur.com/XdiL4.png"></a></p>