Upgrade

Display Headings

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6



<div class="flex flex-col gap-2">
    <h1 class="text-[64px]">Display 1</h1>
    <h1 class="text-[56px]">Display 2</h1>
    <h1 class="text-[48px]">Display 3</h1>
    <h1 class="text-[36px]">Display 4</h1>
    <h1 class="text-[24px]">Display 5</h1>
    <h1 class="text-[18px]">Display 6</h1>
</div>

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6



<div class="flex flex-col gap-2">
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
</div>