title: Push Flexbox Off Canvas
body: <p>Could you guys and gals help me figure out how I might push a flex column off canvas (essentially a negative margin or negative 3dtranslate) when a max width of say 60em is reached, that will result in the original flex4 content container to take up the full of the window? </p>
  
  <p>The general html markup I am using is: </p>
  
  <pre><code>&lt;body&gt;
      &lt;aside&gt;
          Stuff
      &lt;/aside&gt;
      &lt;section class="content"&gt;
          Stuff
      &lt;/section&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I sincerely appreciate any help, I have really been racking my brain on this one. My end goal here will be to use the aside as a navigation bar coming from off canvas when at smaller resolutions. </p>
  
  <p><img src="https://i.stack.imgur.com/AWNiL.jpg" alt="Starting Desktop View"></p>
  
  <p><img src="https://i.stack.imgur.com/jWLn2.jpg" alt="End Result"></p>