intermediatetermCSSCSS / Responsive design / clamp() and fluid sizing
IntermediateNot yet reviewed

clamp() and fluid sizing

The clamp() function sets a value with a minimum, a preferred size and a maximum, so type and spacing scale smoothly between screen sizes.

Definition

The clamp() function sets a value with a minimum, a preferred size and a maximum, so type and spacing scale smoothly between screen sizes.

Use case

A heading can grow from 28px on phones to 48px on desktops without any breakpoints.

Related terms

Resources

No resources yet. Suggest one.

Suggest a change