Fluid Typography Scale

The Math Behind Clamp

The clamp(MIN, VAL, MAX) CSS function allows a value to scale fluidly between a defined minimum and maximum boundary.

The middle VAL is calculated using a mix of relative viewport units (vw) and static root ems (rem). This ensures that the text scales dynamically as the browser window resizes, but still respects the user's browser-level text size preferences (unlike purely using vw).