You probably don’t need CSS media queries anymore
You probably don’t need CSS media queries anymore.
Why? Because CSS has matured.
We can go beyond mere responsive designs. Now, we can support *fluid* designs.
Here's how:
1. Grid
2. Flexbox
3. min-height/width, max-height/width
4. clamp
5. calc, min, max
6. vw, vh
#css
That said, here are three places where you’ll still need media queries:
1. prefers-color-scheme
2. Hide/show elements on a given screen size
3. Print stylesheets
More here in these excellent slides by @kathryngrayson
"Ditch the Media Queries":
https://docs.google.com/presentation/d/1r9FyoADno7WcNboDKvLSzz03oedU5ZjOL4VBCPpZAmE/edit#slide=id.gfa6eeccd44_0_39