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 Adding Breakpoints for Devices

Alanto Monteiro Jones
Alanto Monteiro Jones
10,816 Points
Posted by Alanto Monteiro Jones
Alanto Monteiro Jones
10,816 Points

Working from desktop site to mobile (MediaQueries)

In the tutorial media queries are added with the min-width property, when the webpage is transitioning from a mobile site to a desktop layout. If the webpage was designed primarily for a desktop and media queries were to be added to make transitioning from the desktop to a mobile device responsive, would the max-width property be added to the media query instead?

1 Answer

Patrik Balogh
Patrik Balogh
47,986 Points
Patrik Balogh
Patrik Balogh
47,986 Points

Yes. Or you can use them in one query.

@media screen and (min-width: 100px) and (max-width: 200px) {}

@media screen and (min-width: 201px) and (max-width: 300px) {} ....