The Art of Typographic Scale

Typography sets the tone for everything.

Fluid type scale

Using CSS clamp() you can create smooth transitions between minimum and maximum font sizes.

/* Fluid heading: scales from 2rem at 375px to 4rem at 1440px */
h1 {
  font-size: clamp(2rem, 1.1rem + 4vw, 4rem);
}