Dynamic Font Size CSS with clamp()

by | Sep 14, 2021 | 0 comments

Dynamic Font Size CSS with clamp()

by | Sep 14, 2021 | CSS Tips and Tricks | 0 comments



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