title: Switch elements with media queries
body: <p>I don't known if it's possible to switch two HTML elements when visiting a website from a tablet.</p>
  
  <p>Now I have the following setup:</p>
  
  <pre><code>&lt;section id="content"&gt;&lt;/section&gt;&lt;!-- End section#content --&gt;
  &lt;aside id="sidebar"&gt;&lt;/aside&gt;&lt;!-- End aside#sidebar --&gt;
  </code></pre>
  
  <p>What I want is that when you view the website on tablet that the aside position above the content section, like so:</p>
  
  <pre><code>&lt;aside id="sidebar"&gt;&lt;/aside&gt;&lt;!-- End aside#sidebar --&gt;
  &lt;section id="content"&gt;&lt;/section&gt;&lt;!-- End section#content --&gt;
  </code></pre>
  
  <p>What's the best solution for this? A simple line of <code>CSS</code> or do I have to use <code>Javascript</code> and how should it looks like.</p>