Media Queries:
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