Move header and footer outside the container.

Header and footer can be wrapped in a separate div.container if your header and footer patter need to be inside a container class.

public/index.html

@@ -38,6 +38,8 @@
           <li><a href="./?p=status">Status</a></li>
         </ul>
       </nav>
+    </div>
+    <div class="container">
       <p class="info-switches"><span></span><span id="deprecated" role="switch"></span>
         <label for="deprecated">Show deprecated patterns</label><span></span><span id="breakpoints" role="switch"></span>
         <label for="breakpoints">Show breakpoint information</label>