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 Responsive Layouts Media Queries Media Query Review

Mark VonGyer
Mark VonGyer
21,239 Points
Posted by Mark VonGyer
Mark VonGyer
21,239 Points

Screen size, orientation, does it make a difference?

If the screen is landscape then it is wider and should display the wider display.

So why then would you need to add the landscape orientation feature to do this?

1 Answer

Niclas Valentiner
Niclas Valentiner
8,947 Points
Niclas Valentiner
Niclas Valentiner
8,947 Points

I believe that changing orientation doesn't update the CSS or media query on width and possibly some other parameters.

Forcing the media query to check for orientation just forces it to actually check the related parameters and thus update the CSS correctly.

I could be wrong that's just my take on things.

TL;DR: Changing orientation might not check the media queries without a forced orientation condition in a media query.

Holger Liesegang
Holger Liesegang
50,595 Points
Holger Liesegang
Holger Liesegang
50,595 Points

Hi Niclas Valentiner !

I changed your comment to an answer.

Kind Regards Holger

Mark VonGyer
Mark VonGyer
21,239 Points
Mark VonGyer
Mark VonGyer
21,239 Points

That makes sense thank you!