📱

Responsive Breakpoints

Kostenloser Online-Responsive-Breakpoint-Generator. CSS-Media-Queries für Mobil, Tablet und Desktop erstellen. Breakpoints anpassen und Code kopieren.

/* mobile */
@media (max-width: 767px) {
  /* styles */
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  /* styles */
}

/* desktop */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* styles */
}

/* large-desktop */
@media (min-width: 1280px) {
  /* styles */
}