title: How do i correctly Place an <aside> tag?
body: <p>So here is my problem. My site runs on responsive design, Everything till now is working fine. But the main problem is the ASIDE content i should have. Here is a perfect example of how my site is literally sectioned:</p>
  
  <p><img src="https://i.stack.imgur.com/yHkG1.gif" alt="enter image description here"></p>
  
  <p>My question is, how can i correctly position that aside section like in this diagram so it can also render responsive BUT on the bottom of the entire content (article/section) so when it renders on iPhone, the aside is right in the bottom of the main content with about 2% margin separating the Two?</p>
  
  <p>Also in desktop is should render like in the diagram.</p>
  
  <p>I can attempt to position the Aside section using a DIV by nesting the aside in this div and then a</p>
  
  <pre><code>      float: right;
  </code></pre>
  
  <p>which would move it to the right but i feel that it is a wrong way to do it since on previous examples i see people use float: left and yet get the same result on the right side.</p>
  
  <p>So what would be my best way of doing this ?</p>