the math behind calculating those viewport-relative values is a nightmare to do by hand. i usually just keep a small snippet of javascript or use a
calculator tool to get the exact
vw
value for the middle of the range. if u don't, ur scaling might feel linear when u actually want it to follow a more organic curve. one thing to watch out for is that
clamp()
doesn't handle font-size accessibility issues if the user manually zooms their browser settings. always pair it with a base unit like
rem
so the scale still respects the root font size changes.
pro tipuse
calc(min + (max - min) * ((100vw - min-width) / (max-width - min-width)))
to automate the math logic in ur documentation.