Media queries allow you to apply CSS styles depending on a device's media type (such as print vs. screen).

It can also use other features or characteristics such as:

• Screen resolution, orientation, aspect ratio, browser viewport width or height.
• User preferences such as preferring reduced motion, data usage, or transparency.

Useful Links:

• Media Query
• Using Media Queries