CSS Media Queries for Desktop, Tablet, Mobile from GitHub

Published on Thursday, August 23, 2018

Gokulakrishnan Kalaikovan provides very helpful and clear CSS Media Queries for Desktop, Tablet, Mobile screens on GitHub.

Here is the GitHub link.

For example:

/*

##Device = Low Resolution Tablets, Mobiles (Landscape)

##Screen = B/w 481px to 767px

*/

@media (min-width: 481px) and (max-width: 767px) {

//CSS
}

/*

##Device = Most of the Smartphones Mobiles (Portrait)

##Screen = B/w 320px to 479px

*/

@media (min-width: 320px) and (max-width: 480px) {

//CSS

}