Display One

            
<!-- display -->
<h1 class="text-4xl md:text-5xl">The quick brown fox jumps over the lazy dog</h1>
<h2 class="text-3xl md:text-4xl">The quick brown fox jumps over the lazy dog</h2>
<h3 class="text-2xl md:text-3xl">The quick brown fox jumps over the lazy dog</h3>

<!-- title -->
<h4 class="text-xl md:text-2xl">The quick brown fox jumps over the lazy dog</h4>
<h5 class="text-[1.2rem] md:text-xl">The quick brown fox jumps over the lazy dog</h5>
<h6 class="text-lg">The quick brown fox jumps over the lazy dog</h6>

<!-- body & text -->
<p class="text-base">The quick brown fox jumps over the lazy dog</p>
<p class="text-sm">The quick brown fox jumps over the lazy dog</p>
<p class="text-xs">The quick brown fox jumps over the lazy dog</p>