title: CSS floats, change order on mobile layout?
body: <p>I have a regular layout that looks that this:
  <img src="https://i.stack.imgur.com/BYzgn.png" alt="enter image description here"></p>
  
  <p>This layout is done using CSS floats.</p>
  
  <p>When I switch to mobile, I want my layout to do this:</p>
  
  <p><img src="https://i.stack.imgur.com/pVrKN.png" alt="enter image description here"></p>
  
  <p>That is, I want my sidebar to be <strong>below</strong> the content. I can do this using absolute positioning, but I was wondering, is there a way to do this using floats so that if my content changes the sidebar will adjust for the height difference?</p>