Web development today is all about mobile usage and responsive design but do you know which breakpoints to use in your media queries?

To ensure that your website displays correctly across all devices it is important to ensure that your media queries are targeting the different devices and their respective screen resolutions.

This handy infographic shows you the appropriate media queries to be using for a wide variety of devices in both portrait and landscape formats. Make a note of these breakpoints to ensure your website looks the best no matter what device your users are viewing it on.

Responsive Break Points