Type that adapts to the screen

A heading that suits a large screen is far too big on a phone. The usual fix is three @media queries, one per size, and then you find that the size jumps suddenly whenever you cross from one query to the next.

clamp(min, preferred, max) solves this in one line. You give it a minimum, a maximum, and a value in the middle that follows the screen width in vw, and the browser scales smoothly between the two limits, with no jumps and no queries.

Make sure the middle value includes a relative unit (rem alongside vw). Otherwise, anyone who needs bigger text won't be able to enlarge it.