Make text scale linearly with Tailwind.
<h1 class="fluid-[1_3.5_360_840]"></h1>
Min-Size
Max-Size
Min-VW
Max-VW
>npm i
-D @lazy_sock/tailwindcss-fluid-typography
How to make fluent typography
Choose font-sizes
Find out which font-size would fit for mobile and which for desktop.
Choose breakpoints
Find out where you want to change your font-size.
Refine
Try out slightly different values. Maybe it will look better!