Media Query Generator

Build responsive media queries

Media Type

Breakpoint

Width

Orientation

Live Preview

Media Query Preview
Applies when width ≥ 768px

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

Generated CSS

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