css:rwd:responsive-web-design
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| css:rwd:responsive-web-design [2023/08/08 18:55] – odefta | css:rwd:responsive-web-design [2025/01/02 18:22] (current) – external edit 127.0.0.1 | ||
|---|---|---|---|
| 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: (external edit)