Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Responsive Web Design and Testing Responsive Web Design

Posted by Felipe Rivera
Felipe Rivera
1,207 Points

media query?

what is media query?

1 Answer

Sue Dough
Sue Dough
35,800 Points
Sue Dough
Sue Dough
35,800 Points

The @media rule is used to define different style rules for different media types/devices.

Media queries look at the size of the screen or device.

A few examples of how they could be used:

Say you want to hide a sidebar on mobile. You could do a media query that only shows the sidebar on screen sizes larger than 760px for example. That way it will not show on mobile devices. You could do the opposite and show stuff on certain sizes as well.