◂ THE LAB

LEVEL · CSS

CLAMP FORGE

Forge a fluid clamp() from a min/max size across a viewport range. Scrub the simulated width, watch the sample resize live, copy the declaration.

100% local — no network requests, nothing leaves this page.

01 Fluid range

Size
Viewport
Settings

font-size :

Slope
0
Intercept
0
Preferred value
calc()

03 Live preview

900px
Resolved size
0px
Fluid progress
0%

Fluid heading preview

This paragraph scales from the same computed value at a readable ratio, so the sample reacts as you scrub the viewport control.