Media Query Tester
Paste CSS and HTML, resize the preview with device presets or a slider, and see which media queries match for width, orientation, color scheme, hover and reduced motion.
CSS
HTML
Breakpoints
Media queries
Preview
Paste CSS and HTML, resize the preview with device presets or a slider, and see which media queries match for width, orientation, color scheme, hover and reduced motion.