How to use a media query in CSS?

Media queries in CSS allow you to apply different styles to a webpage based on the characteristics of the device or screen size. To use a media query in CSS, you can follow these steps:

• Define the media query using the @media rule followed by the media type and the condition to apply the styles.
• Within the curly braces of the media query, write the CSS styles that you want to apply to the targeted screens.

You can also use other media types such as print or speech, and other conditions such as minimum width or height, device orientation, etc., to target specific devices or scenarios.