>
  </ul>
</div>


      </nav>
      <main class="docs-page overflow-y-auto p-3">
        <div class="page-title">Layouts</div>
        <p class="page-description">Beegrid have a set of predefined layouts. With a minimum set of classes and few components you can laying out an entire website.</p>
        <h1 id="components-overview">Components Overview</h1>

<ul>
  <li>
    <p><strong>Layout Container</strong>: in which Header, Nav, Content and Footer can be nested, and can be placed.</p>
  </li>
  <li>
   