Tailwind headings

Responsive headings built with Tailwind. Use different typography classes to change the size and weight of the text.


H1

Tailwind Elements

1
2
3
<h1 class="text-6xl font-normal leading-normal mt-0 mb-2 text-purple-800">
  Tailwind Elements
</h1>

H1

Tailwind Elements

1
2
3
<h2 class="text-5xl font-normal leading-normal mt-0 mb-2 text-purple-800">
  Tailwind Elements
</h2>

H1

Tailwind Elements

1
2
3
<h3 class="text-4xl font-normal leading-normal mt-0 mb-2 text-purple-800">
  Tailwind Elements
</h3>

H1

Tailwind Elements

1
2
3
<h4 class="text-3xl font-normal leading-normal mt-0 mb-2 text-purple-800">
  Tailwind Elements
</h4>

H1

Tailwind Elements
1
2
3
<h5 class="text-2xl font-normal leading-normal mt-0 mb-2 text-purple-800">
  Tailwind Elements
</h5>

H1

Tailwind Elements
1
2
3
<h6 class="text-xl font-normal leading-normal mt-0 mb-2 text-purple-800">
  Tailwind Elements
</h6>