typography #01

<section>
  <div
    class="relative px-8 py-24 mx-auto md:px-12 lg:px-24 max-w-7xl text-base-500"
  >
    <div class="flex flex-col gap-8">
      <p class="text-xs leading-normal">
        This is a paragraph with text XS variant.
      </p>
      <small class="text-base-500 order-first text-base font-medium">
        Classes: text-xs leading-normal
      </small>
    </div>
  </div>
</section>