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) {
}