Kilian Valkhof

Building tools that make developers awesome.

The complete guide to CSS Media Queries

CSS & HTML, 15 June 2020, < 1

Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and which ones should you use?

For the Polypane blog I wrote the complete guide to media queries. It’s 6000 words discussing everything there is to know about media queries and how to use them. Go check it out and while you’re there, start a Polypane trial!

Go to the complete guide to CSS Media Queries

Polypane browser for responsive web development and design Hi, I'm Kilian. I make Polypane, the browser for responsive web development and design. If you're reading this site, that's probably interesting to you. Try it out!