A great list of common CSS @media query breakpoints

I’ve collected a list of break points for various devices. However, keep in mind that The lack of a media query is your first media query

/* === Mobile devices - Portrait (320px wide) === */

@media only screen and (min-width : 20em) {

}

/* === Mobile devices - Landscape (480px wide) === */

@media only screen and (min-width : 30em) {

}

/* === Tablet devices - Portrait (768px wide) === */

@media only screen and (min-width : 48em) {

}

/* === Tablet devices - Landscape (900px wide) === */

@media only screen and (min-width : 56.25em) {

}

/* === Netbook devices (1100px wide) === */

@media only screen and (min-width : 68.75em) {

}

/* === Desktop devices (1300px wide) === */

@media only screen and (min-width : 81.25em) {

}