css:rwd:responsive-web-design
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |||
| css:rwd:responsive-web-design [2023/08/08 21:55] – odefta | css:rwd:responsive-web-design [2023/08/08 21:56] (current) – odefta | ||
|---|---|---|---|
| Line 72: | Line 72: | ||
| ===== Media query description ===== | ===== Media query description ===== | ||
| - | The **@media** rule is used in CSS to apply styles only when certain conditions are met. It's a cornerstone of responsive web design, allowing developers to create different layouts for different devices or screen sizes.\\ \\ | + | The **@media** rule is used in CSS to apply styles only when certain conditions are met. It's a cornerstone of responsive web design, allowing developers to create different layouts for different devices or screen sizes.\\ |
| Here's what the specific rule ;;;@media only screen and (max-width: 600px);;; means: | Here's what the specific rule ;;;@media only screen and (max-width: 600px);;; means: | ||
css/rwd/responsive-web-design.1691520913.txt.gz · Last modified: 2023/08/08 21:55 by odefta