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

Robert O'Toole
Robert O'Toole
6,366 Points
Posted by Robert O'Toole
Robert O'Toole
6,366 Points

why is the example 796px as the min. width when a mobile phone is 480px? i thought this was the mobile first approach

can someone plz help explain why this is the case? i also want to make sure that the views i see in dev tools chrome are accurate enough for really representing what the website will look like on a phone? what is the best way to see how it will look on all devices?

1 Answer

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

To avoid needing to make revisions every time a slightly larger device is introduced, it's common to place breakpoints midway between typical sizes of devices of different types instead of exactly at an existing device size.

The dev tool simulators in browsers are very good for previewing site appearance on various devices, but nothing beats viewing in on the actual device if you need absolute accuracy.