CSS · At-rules, values and responsive design

clamp()

Clamps a value between a minimum and a maximum. Perfect for fluid type and spacing.

cssRunnable example css course

Syntax

clamp(1rem, 2.5vw, 2rem)

Example

Try it

.demo { font-size: clamp(1rem, 4vw, 1.4rem); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.