title: Div Ignore max-width on body
body: <p>I've set a max-width on my body but I want one div to not have this max-width but have a full-width.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body&gt;
  &lt;header&gt; stuff here &lt;/header&gt;
  &lt;main&gt; 
  more stuff
  
  &lt;div&gt; The div I want to have a full-width &lt;/div&gt;
  &lt;/main&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS</p>
  
  <pre><code>    body {
              max-width: 1200px;
              margin-right: auto;
              margin-left: auto;
            }
  
  div { ?}
  </code></pre>