Media Queries In Css

Media queries allow you to apply CSS styles depending on your device screen, It can be used to check many things such as the width and height of the viewport. Width and height of the device.

Min width:- Here is an example of a min-width @media only screen and(min-width:600px){.....} – By this, we mean that if the device width is greater than or equal to 600px, then do{...}.

Max width:- Here is an example of max-width @media only screen and (max-width:600px) {...} – By this, we mean that if the device width is less than or equal to 600px, then do{...}.