Media queries
A media query applies styles only when a condition is true, such as the viewport being at least 768px wide or the user preferring dark mode.
Definition
A media query applies styles only when a condition is true, such as the viewport being at least 768px wide or the user preferring dark mode.
Use case
They turn a one column list into three columns on wide screens. The same feature detects dark mode and reduced motion.
Related terms
Documentation
CSS media queries
Lists every condition you can test, with examples.