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 How to Make a Website Responsive Web Design and Testing Adding Breakpoints for Devices

Daniel Aberle
Daniel Aberle
14,629 Points
Posted by Daniel Aberle
Daniel Aberle
14,629 Points

Mobile Device Cheatsheet for Media Queries

Hey Group,

My question is simple, I was wondering if anyone has a link to a website or infographic that shows the current top selling mobile devices, i.e. smartphones and tablets, so I can get an idea where I should start focusing my media query breakpoints.

Right now, I'm struggling between with the iPhone Plus issue...I want to know if there are more iPhone 6/7's or their Plus counterparts on the market.

Thanks guys...

1 Answer

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

Setting media queries for specific devices is not a "best practice". It's better to establish the breakpoints for the best visual appearance across a continuous range of viewport sizes. That way, your code will look good on both current and future devices.