ZapMediaQuery

Free CSS Media Query Generator & Responsive Breakpoints

Runs entirely in your browser

Choose a breakpoint

Select a preset above

/* Click a preset breakpoint to generate CSS */

Media Type

min-width

max-width

min-height

max-height

Orientation

Resolution

prefers-color-scheme

prefers-reduced-motion

Generated CSS

/* Configure options above to generate a media query */

Select a device

Select a device above

/* Click a device to generate its media query */

Also from ZapTools

Free business tools for freelancers & small teams