Best Responsive CSS Breakpoints

responsive.css

/*  Source: https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/ */

/* phone-only */
@media (max-width: 599px) {
    /* ... */
}

/* tablet-portrait-only */
@media (min-width: 599px) and (max-width: 899px) {
    /* ... */
}

/* tablet-landscape-only */
@media (min-width: 900px) and (max-width: 1199px) {
    /* ... */
}

/* desktop-only */
@media (min-width: 1200px) and (max-width: 1799px) {
  /* ... */
}

/* big-desktop-only */
@media (min-width: 1800px) {
  /* ... */
}