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

guram dgebuadze
seal-mask
.a{fill-rule:evenodd;}techdegree
guram dgebuadze
Front End Web Development Techdegree Student 4,122 Points
Posted by guram dgebuadze
.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,335 Points
Wikus van der Westhuizen
Wikus van der Westhuizen
Courses Plus Student 4,335 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.