Kevin Powell | Please, donβt use viewport units for font sizes @KevinPowell | Uploaded October 2024 | Updated October 2024, 4 hours ago.
Start writing CSS with confidence with my course CSS Demystified: cssdemystified.com
When people find out about viewport units, one of the first things they often do with them is create fluid type, but there are some problems that can cause. In this video, I look at why we shouldnβt use viewport units for our font sizes, how we can use clamp(), and how using a tool like Utopia makes figuring it all out a lot easier.
π Links
β Utopia: https://utopia.fyi
β Timestamps
00:00 - Introduction
00:21 - Why you shouldnβt use viewport units for font-size
02:00 - Using clamp()
04:00 - Using viewport units is hard to get right
04:50 - Utopiaβs type size calculator
08:00 - Writing CSS with confidence
08:48 - A bit more on Utopia
#css
--
Come hang out with other dev's in my Discord Community
π¬ discord.gg/nTYCvrK
Keep up to date with everything I'm up to
β kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
πΊ twitch.tv/kevinpowellcss
---
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π½οΈ Join as a channel member: youtube.com/@KevinPowell/join
π Support me on Patreon: patreon.com/kevinpowell or through YT memberships: Join this channel to get access to perks:
youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw/join
---
My editor: VS Code - code.visualstudio.com
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Start writing CSS with confidence with my course CSS Demystified: cssdemystified.com
When people find out about viewport units, one of the first things they often do with them is create fluid type, but there are some problems that can cause. In this video, I look at why we shouldnβt use viewport units for our font sizes, how we can use clamp(), and how using a tool like Utopia makes figuring it all out a lot easier.
π Links
β Utopia: https://utopia.fyi
β Timestamps
00:00 - Introduction
00:21 - Why you shouldnβt use viewport units for font-size
02:00 - Using clamp()
04:00 - Using viewport units is hard to get right
04:50 - Utopiaβs type size calculator
08:00 - Writing CSS with confidence
08:48 - A bit more on Utopia
#css
--
Come hang out with other dev's in my Discord Community
π¬ discord.gg/nTYCvrK
Keep up to date with everything I'm up to
β kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
πΊ twitch.tv/kevinpowellcss
---
Help support my channel
π¨βπ Get a course: kevinpowell.co/courses
π Buy a shirt: teespring.com/stores/making-the-internet-awesome
π½οΈ Join as a channel member: youtube.com/@KevinPowell/join
π Support me on Patreon: patreon.com/kevinpowell or through YT memberships: Join this channel to get access to perks:
youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw/join
---
My editor: VS Code - code.visualstudio.com
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell
Github: github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!