CSS Media Queries for Desktop, Tablet, Mobile from GitHub

2018-08-23


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

}