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 Creating Breakpoints

guram dgebuadze
seal-mask
.a{fill-rule:evenodd;}techdegree
guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points

Media query only screen and (min-width: 600px) and (orientation: landscape)

What is done in real life, do programmers make breakpoints for landscape mode every time?

1 Answer

Wikus van der Westhuizen
PLUS
Wikus van der Westhuizen
Courses Plus Student 4,334 Points

In my experience, it all depends on the screen designs provided by the UI/UX team. We would make the screens responsive to fit the designs until things doesn't fit on the page anymore. Then we would add a new breakpoint and follow the screen designs for the smaller screens. It is very important that the UI/UX team test thoroughly and provide the dev team with estimated break point sizes.

I have only worked with screen orientation on single scroll pages where you need to make sure that your content fits. On normal pages you generally don't mind if the user needs to scroll to view all the content. But again, this all depends on the requirements and the designs from UI/UX.