UX Design and Development course

CSS Media Queries

This is an amazing resource that will help you visualize all the different media query types out there. In short, there are a lot!

CSS Media queries allow you to target CSS rules based on - for instance - screen size, device-orientation or display-density. This means you can use CSS Media Queries to tweak a CSS for an iPad, printer or create a responsive site. Open the overview to see the complete list, and find for each media query if your browser applies these.