Skip to content

Instantly share code, notes, and snippets.

@dhg
Created May 15, 2011 19:40
Show Gist options
  • Save dhg/973467 to your computer and use it in GitHub Desktop.
Save dhg/973467 to your computer and use it in GitHub Desktop.
Skeleton Media Queries
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}
@lucazweb
Copy link

Usefull! thanks dude

@antoniogarcia78
Copy link

i would add this
/* Large Desktop /
@media only screen and (min-width: 1441px) {}
/
Smaller that standard */
@media only screen and (min-width: 959px) and (max-width: 1440px) {}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment