Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Responsive Layouts Media Queries Media Query Review

Posted by abdo esamds
.a{fill-rule:evenodd;}techdegree
abdo esamds
Full Stack JavaScript Techdegree Student 129 Points

just wondering why nick uses multiple media queries and guil uses just 2 media queries which are in 769px and 1024px

just wondering why nick uses multiple media queries and guil uses just 2 media queries which are in 769px and 1024px and never used orientation

2 Answers

Anders Söderström
PLUS
Anders Söderström
Courses Plus Student 10,318 Points
Anders Söderström
Anders Söderström
Courses Plus Student 10,318 Points

From my personal experience, I would say that the use of media queries vary alot from project to project. If the page layout works well on all devices media queries are unnecessary. Try out your sites on all kinds of devices, both landscape and portrait mode, and see what media query rules that best suits your project.

Tl:dr, sometimes orientation isn't necessary for your layout ?

Rhys Dyson
Rhys Dyson
45 Points
Rhys Dyson
Rhys Dyson
45 Points

Regarding this specific case, and from my quick play with using the orientation feature, a desktop view is considered landscape. So setting that width is still important, to ensure that it is only mobile/small screens in landscape.