Media Query Generator

Generate responsive CSS breakpoints

Breakpoints

Custom Width (px)

Include Comments

Mobile First (min-width)

Generated CSS

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

/* Tablet Landscape */
@media (min-width: 1024px) {
  /* Your styles here */
}

/* Laptop */
@media (min-width: 1280px) {
  /* Your styles here */
}

All Developer Tools