Media query

A media query is a CSS technique that allows developers to apply different styles to a webpage based on the characteristics of the device, such as screen size, resolution, or orientation. Media queries are essential for creating responsive designs that adapt to various screen sizes, from mobile devices to large desktop monitors.