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

HTML

Posted by A X
A X
12,842 Points

Where is Nick finding Pixel width information about vast amounts of different screen sizes?

Based on the following video's info: https://teamtreehouse.com/library/how-to-make-a-website/responsive-web-design-and-testing/adding-breakpoints-for-devices

Nick discusses in this video different size screens that he's making break points for. What I'm not understanding is how he's obtained blanket pixel sizes for a vast amount of different screens. I'm sure these values change with time as certain screen sizes fall in and out of popular use. So where is Nick obtaining the information he has on the pixel length of different screen sizes? How does he know that info is reliable and broad enough to cover 90%+ of all devices?

1 Answer

Kevin D
Kevin D
8,646 Points
Kevin D
Kevin D
8,646 Points

One thing about programming is that it's always changing. Something you learn now will be out of date in a few years time. Right now, those screen dimensions he's using is relevant, but they may alter when new devices come out. The best thing to do is to just be up to date by searching online for these generic screen sizes to ensure that your site knows how to handle different sized devices.

The css-tricks site is a good source for this info: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/