Skip to content
card background pattern
Level 1

Modern CSS Design Systems

Unlock Full Course

$49.99 $29.99

Or

$24.99/Month

Media Queries

In this video, we will take a look at media queries. Using CSS variables, we can make media queries easily with very minimal code.

Downloads

Comments

Sharif
about 1 month ago

I had a heck of a time with the media query.

Maybe it's because I'm on Windows, but when I shrunk my window down to the smallest possible size, the one-column layout didn't show.

Turns out, the smallest browser window size for me was above 500px.

The issue was resolved by going into the mobile device dev tools, selecting the 'Responsive' option from the dropdown (instead of a specific device), and then manually entering a pixel width of <500px.

It was either that, or change the media query to min-width 600px for the breakpoint to trigger without using the dev tools.

Thanks for this series, Scott! Really enjoying it.

Something to say?

Become a Pro