MENU

Fun & Interesting

Stop Using Pixels For Media Queries

Web Dev Simplified 59,243 3 weeks ago
Video Not Working? Fix It Now

CSS Simplified Course: https://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: https://courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-Op3hhQhNKI Coder Coder’s Video: https://youtu.be/xCSw6bPXZks Color Master Class Video: https://youtu.be/Acs-tJV4iAo Accessibility Master Class Video: https://youtu.be/2oiBKSjOOFE 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://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

Comment