What do all the numbers in our clamp() do? There are multiple tools that can help create a fluid font-size calculation for CSS – generally expressed as a clamp() function combining em (or rem) with vw (or vi) units. But the results are difficult to understand at a glance, so I wanted to visualize what’s going on, and how the various units interact.
Utopia helpfully provides a warning when we create scales that are inaccessible.
—Miriam Suzanne