CSS min(), max() and clamp()

CSS min(), max() and clamp() — a practical guide to CSS min max clamp with clear examples you can reuse in real projects.

CSS Tutorial Series (57/109). Prefer one article? Read the complete CSS tutorial.

Short description

clamp(min, preferred, max) is ideal for fluid type and spacing.

clamp

h1 {
  font-size: clamp(1.75rem, 1rem + 2vw, 3rem);
}