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
Jacob Hieter
3,400 PointsMedia Queries for Newer Device Screen Sizes
After doing some research on the various media sizes for screen resolutions on all the current device specifications, I have a question on what are the best min-width sizes to use in my media queries. The video says 480 and 660 but newer phones and tablets use much larger screen sizes than that. In fact most current smaller devices have a larger resolution than my laptop. Here is a list of some of the current device resolutions;
Nexus 7 1920 x 1200
Nexus 10 2560 x 1600
Apple ipad 4 2048 x 1536
Apple iphone 5 640 x 1146
Samsung Galaxy S5 1080 x 1920
LG G4 1440 x 2560
Nook HD 1440 x 900
Amazon Kindle Fire HD 800 x 1280
Your knowledge would be greatly appreciated.
1 Answer
Zach Patrick
19,209 PointsYou shouldn't base your breakpoints on current screen sizes, because there will always be new screen sizes coming out. You should add breakpoints at the screen sizes that you think are necessary to keep your site appealing across all screen sizes; present and future.
Nick goes over this in the Responsive Layouts course here on Treehouse.
Zach Patrick
19,209 PointsZach Patrick
19,209 PointsIf you're using chrome a good tool to use is the Viewport Dimensions extension.