No more clamp() magic numbers

From the creator

👉 Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video 🔗 Links ✅ Give Matthew Morete a follow (thanks Matthew!): https://matthewmorete.com/ - https://bsky.app/profile/matthewmorete.com ✅ Utopia: https://utopia.fyi/ ✅ More on progress() on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/progress Fluid type with clamp() means magic numbers you have to work out every time. The new CSS progress() function makes it predictable and readable, type scales included, and the tan(atan2()) trick lets you use the same approach today in every browser. ✉ Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter 💬 Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK ⭐ Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co 🎓 Start writing CSS with confidence with CSS Demystified: https://cssdemystified.com 🚀 Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/ --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://cottonbureau.com/people/kevin-powell 💖 Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join --- 🧑‍💻 My editors: In most videos, I’m using CodePen these days: https://codepen.io/ - with High Contrast Dark theme and t

Published 2026-10-21 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.