e...</p>
    </div>

    <div class="container-lg grid xs:equal-2-cols md:equal-3-cols gap-2 sm:gap-4 lg:gap-6">

      <div>
        <svg class="square" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M204,56V88a4,4,0,0,1-8,0V60H132V196h28a4,4,0,0,1,0,8H96a4,4,0,0,1,0-8h28V60H60V88a4,4,0,0,1-8,0V56a4,4,0,0,1,4-4H200A4,4,0,0,1,204,56Z"></path></svg>
        <h2 class="h4 mt-1 t-bold t-balance">Typography</h2>
        <ul>
          <li>Serif, sans