CSS Functions – calc(), clamp(), min(), max()

Functions let you perform calculations directly in CSS.

• calc() – arithmetic (width: calc(100% - 2rem);).
• clamp(min, val, max) – fluid values with hard limits.
• min() / max() – pick the smallest or largest of a list.

---

Example: Fluid padding with clamp

section { padding: clamp(1rem, 2vw, 3rem); }