Media Query Generator

Build CSS media queries with a visual editor.

Quick Presets

Media Type & Modifiers

Media Type

not

only

Logical Operator (between features)

Media Features

Generated CSS

@media all and (min-width: 768px) {
  /* Your styles */
}

Preview

Viewport Width: 0pxViewport Height: 0px

Resize your browser to see how the media query would activate

min-width: 768px - Inactive