Media query: Media Queries is a CSS3 feature

Media Queries is a CSS3 feature that makes a website page adapt its layout to different screen sizes and media types. Media queries are CSS rules that apply specific styles based on the characteristics of the user's device or viewport. These characteristics can include screen width, height, orientation, resolution, and more. Syntax: @media mediaType and (condition) { /" CSS rules that applies if condition is true "/ } It consist of: A media type, which tells the browser what kind of media ... CSS Media queries are a way to target browser by certain characteristics, features, and user preferences, then apply styles based on those things. CSS Media Queries Examples Media queries are a popular technique for delivering a tailored style sheet to different devices. To demonstrate a simple example, we can change the background color for different devices: CSS media query is a CSS rule that allows us to apply different styles to the webpage depending on the user’s device or screen size. In this tutorial, you will learn about CSS media queries with the help of examples.