Complete Guide to "Media Query in CSS" For Beginner

In this video i will talk about Media Query in CSS

Media queries are useful when you want to modify your site or app depending on a device's general type (such as print vs. screen) or specific characteristics and parameters (such as screen resolution or browser viewport width).

Syntax
A media query is composed of an optional media type and any number of media feature expressions. Multiple queries can be combined in various ways by using logical operators. Media queries are case-insensitive.

A media query computes to true when the media type (if specified) matches the device on which a document is being displayed and all media feature expressions compute as true. Queries involving unknown media types are always false.

Example:

@media screen and (max-width: 1000px) {

   #content { width: 100% }

}

#css 

What is GEEK

Buddha Community

Complete Guide to "Media Query in CSS" For Beginner

Complete Guide to "Media Query in CSS" For Beginner

In this video i will talk about Media Query in CSS

Media queries are useful when you want to modify your site or app depending on a device's general type (such as print vs. screen) or specific characteristics and parameters (such as screen resolution or browser viewport width).

Syntax
A media query is composed of an optional media type and any number of media feature expressions. Multiple queries can be combined in various ways by using logical operators. Media queries are case-insensitive.

A media query computes to true when the media type (if specified) matches the device on which a document is being displayed and all media feature expressions compute as true. Queries involving unknown media types are always false.

Example:

@media screen and (max-width: 1000px) {

   #content { width: 100% }

}

#css 

Daniel  Hughes

Daniel Hughes

1630702800

CSS Tutorial in Hindi - Media Query in CSS

Media queries are useful when you want to modify your site or app depending on a device's general type (such as print vs. screen) or specific characteristics and parameters (such as screen resolution or browser viewport width).

#css