CSS Responsive Layouts Media Queries Creating Breakpoints

guram dgebuadze
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
PRO
Wikus van der Westhuizen
Pro Student 4,333 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.