Uploaded January 2025 | Updated September 2026, 2 weeks ago

---

CSS Simplified Course: courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-Op3hhQhNKIc

You have probably heard that pixels should never be used for font sizes, but that is just one place you probably shouldn’t use pixels. Media queries, container queries, padding, and so many other CSS properties/features should not use pixels since it will break the accessibility of your site.


📚 Materials/References:

CSS Simplified Course: courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-Op3hhQhNKI
Coder Coder’s Video: youtu.be/xCSw6bPXZks
Color Master Class Video: youtu.be/Acs-tJV4iAo
Accessibility Master Class Video: youtu.be/2oiBKSjOOFE


🌎 Find Me Here:

My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
01:00 - The problem
04:15 - Why use rem for non-text sizes
07:50 - using rem with media/container queries
12:50 - Getting used to using rem values


#CSS #WDS #PxVsRem