Media Queries

CSS Media Queries

• CSS media queries allow you to apply styles based on the characteristics of a device or the environment displaying the web page.
• CSS media queries are essential for creating responsive web pages
• The CSS @media rule is used to add media queries to your style sheet.

**
Media Queries for Screen Orientation**

• Media queries can also be used to change the layout of a page depending on the orientation of the screen. Here, we change the background-color of the body, if the screen orientation is in landscape mode: