Media Queries

Generate CSS media queries with preset breakpoints and custom rules.

Preset BreakpointsCopy CSSFree

Breakpoint

Min Width (px)

Max Width (px, optional)

CSS Properties

Generated CSS

@media (min-width: 768px) {
  .selector {
    font-size: 18px;
      padding: 2rem;
  }
}

How It Works

Choose from preset breakpoints or enter custom values.

Configure options and preferences.

Copy output or view results instantly.

Free online tools for images, PDFs, text, code, and more. All running in your browser.