Taper — fluid CSS clamp() between two breakpoints

Breakpoints & sizes

Min viewport — where scaling starts px

Max viewport — where scaling stops px

Min size — at the small end px

Max size — at the large end px

Generated CSS

viewport —

font-size · —

Live type

Scales with the screen

This heading uses the clamp() on the left — drag the sweep to preview any width.

Sweep the viewport

Size vs. viewport width