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 CSS Basics (2014) Basic Layout box-sizing and max-width

GoldSpec Digital
GoldSpec Digital
4,185 Points
Posted by GoldSpec Digital
GoldSpec Digital
4,185 Points

Max-Width

At 3:54 the max-width has been set to 900px, just wondering really, how would you know what max-width to set to cover the majority of screen sizes? Is there an industry standard? Surely its not just guess work? Any help on this would be greatly appreciated - really keen to be able to develop mobile responsive sites :D

2 Answers

Igor Kushnir
Igor Kushnir
2,054 Points
Igor Kushnir
Igor Kushnir
2,054 Points

I think that'll come from experience, but I found a nice link that might help :

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

The link contains standard sizes for most popular devices.

Hope it helps.

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

I did not watch the video do not be angry :) But I remembered two things which may interest you. Hope this help!

  1. Bootstrap. You can build a responsive mobile friendly page with Bootstrap.
  2. The Grid system. You can divide the screen into different parts.
Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

I found for you a Bootstrap course here if you are interested in the subject. this link