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

media queries..

Is there a standard media queries set up you should use, there are so may devices today to take account of. Not really sure what is worth considering and what is not

1 Answer

You can start applying break points at place your content looks awful.

Primitive way to check break point is to check width by re-sizing browser, or using Firefox responsive-design mode.

You don't have to set media query for every single device out there but common categories are to set break point for general XS, S, M, L, XL device.

However, you may not even need all of them depends on your design.

ok cool thanks for your reply, is there any where you can direct me that tells you what s,m,l,xl actual breakpoints are. It would just be handy to know to get more understanding of how it all works.

ok cool thanks for your reply, is there any where you can direct me that tells you what s,m,l,xl actual breakpoints are. It would just be handy to know to get more understanding of how it all works.

Like I said that depends on your design.

This is popular Bootstrap's approach. How Bootstrap does it