clamp(): smooth size with lower and upper bounds

Useful to know

clamp() accepts minimum, preferred value and maximum. For example, font-size: clamp(1rem, 2vw, 2rem); allows the size to follow the width of the window, remaining within the specified limits. Arguments must be compatible with the type of value the property expects. [1]

This is convenient for a title that needs to be changed smoothly instead of jumping between several sizes. The above example illustrates the syntax; it is not a universal typographic setting for every font and language.

Check long titles, a narrow screen, and increased text. The presence of clamp does not automatically guarantee good readability or accessibility. If words go beyond the column, changes in width, carryover, or boundaries themselves may be necessary. Don't use the feature to lock the entire interface to the convenient size of a test screen.