clamp() for fluid everything
One line replaces three media queries. Works for font-size, padding, gaps — anything that needs to scale smoothly between breakpoints.
Without
The quick brown fox jumps over the lazy dog
42px (fixed breakpoints)
Without
The quick brown fox jumps over the lazy dog
42px (fixed breakpoints)
With
The quick brown fox jumps over the lazy dog
clamp(18px, 5cqi, 42px)
Esc to return · ← → to navigate