All tools

CSS Media Query Generator

Generate CSS media queries from a named breakpoint list.

CSS Media Query Generator
Output
Waiting for input

Input and result notes

Breakpoints describe CSS viewport conditions, not specific device models. Test content and controls on both sides of each threshold instead of relying only on phone or desktop labels.