Skip to content

Instantly share code, notes, and snippets.

@thotbox

thotbox/CSS: Default Media Queries.css

Created April 16, 2015 14:03
Show Gist options
  • Save thotbox/829f8226b9878cd80c76 to your computer and use it in GitHub Desktop.
Save thotbox/829f8226b9878cd80c76 to your computer and use it in GitHub Desktop.
Download ZIP
CSS: Default Media Queries
Raw
CSS: Default Media Queries.css
/* Non-Small screens */
@media only screen and (min-width: 641px) {
}
/* Large screens */
@media only screen and (min-width: 1025px) {
}
@media only screen and (max-width: 1820px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1740px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1660px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1580px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1500px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1420px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1340px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1260px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1180px) and (min-width: 1025px) {
}
@media only screen and (max-width: 1100px) and (min-width: 1025px) {
}
/* Medium screens */
@media only screen and (max-width: 1024px) and (min-width: 641px) {
}
@media only screen and (max-width: 960px) and (min-width: 641px) {
}
@media only screen and (max-width: 880px) and (min-width: 641px) {
}
@media only screen and (max-width: 800px) and (min-width: 641px) {
}
@media only screen and (max-width: 720px) and (min-width: 641px) {
}
/* Small screens */
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 560px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 320px) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment