HTML How to Make a Website Responsive Web Design and Testing Adding Breakpoints for Devices

Daniel Aberle
Daniel Aberle
13,807 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
201,382 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.