Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Media Queries - Why to Stop Using Pixels and Switch to REM Units

Web Dev Simplified via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn why pixels should be avoided in CSS media queries and other properties through this 19-minute tutorial video. Explore the fundamental problems with using pixel units, understand the benefits of using rem units for non-text elements, and discover how to effectively implement rem values in media queries and container queries. Master accessibility-friendly CSS practices by learning when and how to replace pixels with relative units. Gain practical insights into adapting to rem-based measurements and understand how this approach creates more maintainable, accessible websites that properly scale across different devices and user preferences.

Syllabus

- Introduction
- The problem
- Why use rem for non-text sizes
- using rem with media/container queries
- Getting used to using rem values

Taught by

Web Dev Simplified

Reviews

Start your review of CSS Media Queries - Why to Stop Using Pixels and Switch to REM Units

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.