Media query

A conditional block applied on properties of the viewport or device — width, orientation, pointer type, colour scheme, motion preference. Width breakpoints are the familiar use and the weakest one, because they describe the window rather than the space a component actually has. The non-width queries are the more valuable half and the more forgotten one: `prefers-color-scheme` and `prefers-reduced-motion` are both accessibility features.