Did you know you can create truly dynamic fonts, widths, margins, paddings, and more with clamp(), the native CSS function?! As of the time of this video, it’s available in 92% of browsers used every day around the globe.
# Links
– Is it ready for production? https://caniuse.com/?search=clamp
– MDN Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/clamp()
– Awesome CSS Tricks article: https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
# Timestamps
0:00 Introduction
1:22 min() function
2:08 max() function
3:38 clamp() function
7:05 Truly linearly-scaling fonts
source