Now any value in css can have "min-" and "max-" muahahahaha!
How do you use it? Simple! In place of your unit size, put:
clamp(min-size, size, max-size)
For example:
font-size: clamp(1rem, 2.5vw, 24px);
Results in this text scaling to 2.5% the viewport width, with a max size of 24px, and a minimum of the browser default.
Use this wherever! width, height, border, and more! Anywhere a CSS unit of measurement is required! It even supports nested math, no calc()! Check it out!
CSS Crimes never looked so good. And scalable.