CSS Media Query

Build media queries visually — device presets, framework breakpoints, live preview

Media Type

Conditions

0 conditions

Presets

Devices

Tailwind Breakpoints

Bootstrap Breakpoints

Material Design Breakpoints

Live Preview

Resize window to test

Build a query to see live matching

Note: Features like prefers-color-scheme and prefers-reduced-motion reflect your actual system settings.

Breakpoint Visualizer

Generated CSS