CSS Math functions perform dynamic calculations inside property values for responsive typography and fluid layouts.
1. The Core CSS Math Functions
⊞Code Example
/* Font scales smoothly between 1.5rem and 3.5rem based on viewport! */
h1 {
font-size: clamp(1.5rem, 5vw + 1rem, 3.5rem);
}
.sidebar {
width: min(300px, 80vw);
}