CSS clamp() Calculator

Generate responsive clamp(min, preferred, max) values for font-size and spacing.

Min (rem)

Base (rem)

vw factor

Max (rem)

The quick brown fox jumps over the lazy dog. Resize the window to see fluid type.

font-size: clamp(1rem, 0.9rem + 1vw, 1.25rem);

Fluid typography without breakpoints

clamp(min, preferred, max) keeps a value between bounds while scaling with viewport width.

font-size: clamp(1rem, 0.9rem + 1vw, 1.25rem);

Enter your min, vw factor, and max — the tool outputs the full clamp() expression.