Are you using the right CSS units?
There are a lot of different units that we can use when writing CSS, in this video I give some general rules of thumb of which ones are best suited for which situations.
Zell's article on media queries: https://zellwk.com/blog/media-query-units/
Em vs. Rem: https://youtu.be/_-aDOAMmDHI
Using clamp() for fonts: https://youtu.be/U9VF-4euyRo
The issue with em with font sizes: https://youtu.be/pautqDqa54I
Viewport units: https://youtu.be/IWFqGsXxJ1E
The ch unit: https://youtu.be/dgbFtMBOMlA
#css
--
Come hang out with other dev's in my Discord Community
💬 https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://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.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://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!
Видео Are you using the right CSS units? канала Kevin Powell
Zell's article on media queries: https://zellwk.com/blog/media-query-units/
Em vs. Rem: https://youtu.be/_-aDOAMmDHI
Using clamp() for fonts: https://youtu.be/U9VF-4euyRo
The issue with em with font sizes: https://youtu.be/pautqDqa54I
Viewport units: https://youtu.be/IWFqGsXxJ1E
The ch unit: https://youtu.be/dgbFtMBOMlA
#css
--
Come hang out with other dev's in my Discord Community
💬 https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://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.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://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!
Видео Are you using the right CSS units? канала Kevin Powell
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Pare de chutar e aprenda a float e sua trupe #04Headless CMS & GraphQL API with KeystoneJSCSS em and rem explained #CSS #responsiveResponsive design made easyStop using @import with Sass | @use and @forward explainedFrom idea to layout: How I approach designing a site5 CSS mistakes that I see way too oftenI Challenged The CSS King To A CSS BattleBefore and After pseudo elements explained - part one: how they workLearn CSS Units In 8 MinutesAre you happy with what you do?Flexbox design patterns you can use in your projectsWeb design tips for developers10 modern layouts in 1 line of CSSThe one CSS combinator I use in every project6 simple typography tips to more professional looking sitesContainer queries are possible!You can do that with margins?CSS Before and After pseudo elements explained - part two: the content propertyGive your site a fantastic color scheme fast