Question

So, I’m just getting into responsive design and anything related to it. Mostly I’m studying the Twitter Bootstrap as it is made with LESS and I’m using LESS all the time as CSS framework.

And I’ve found this media queries widths that they’re using :

// Landscape phones and down
@media (max-width: 480px) { ... }

// Landscape phone to portrait tablet
@media (max-width: 767px) { ... }

// Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) { ... }

// Large desktop
@media (min-width: 1200px) { ... }

But I have a question as I’m testing behavior, what happens between 979px and 1200px ? Because if I don’t add anything, another media query, all my elements loose style upon window resizing or widths between those two values.

Should I add something else or is there something I’m missing ?

Answer 1

your whole page will scatter and will look weird you must have to configure your css for that