Media Query is a powerful tool that helps developing for various web browser screen size. Today, There is varied types of media devices that has a different screen resolution such as laptops, cellphone, and tablet. That’s why you need this code to make a perfect fit for various screen resolutions.
Desktop & Laptops
Large Screen Resolution (For Bigger Monitor)
Custom – For the web browser between 600px and 900px
iPhone 5 in portrait & landscape
iPad mini in portrait & landscape
iPad in portrait & landscape
General Smartphones (portrait and landscape)