Different ways to use media query in css

Media query consists of  a media type and atleast one expression that limits the stylesheet scope by using media features like width, height etc.

With @media query , we can write different css code for different media types. Like, we can write different css code for different media type like for Screen and Printer.

The simplest way to use media queries is to have a block of CSS code in the same stylesheet file. So all the CSS that is specific to mobile phones, would be defined in the following block:

Read More