<main class="page-grid">
  <header class="grid-item header">Header</header>
  <nav class="grid-item nav">Navigation</nav>
  <aside class="grid-item sidebar-grid">Sidebar</aside>

  <div class="grid-item content">
    <h1>Content</h1>
    <p>As more content is added to this, the column will grow taller. We can place the main elements for a page in this area.</p>
  </div>

  <footer class="grid-item footer">Footer</footer>
</main>