The @media query is 1/3 of the recipe for responsive design. It is the key ingredient that, in it’s simplest form, allows specified CSS to be applied depending on the device and whether it matches the media query criteria.
prasanthLalapeta/Responsive-Web-Design-Media-Queries-For-All-Devices
All css media queries for various devices
CSS