Skip to content

Instantly share code, notes, and snippets.

@paoga87
Last active May 19, 2016 18:58
Show Gist options
  • Save paoga87/7f5e709655698abf9099 to your computer and use it in GitHub Desktop.
Save paoga87/7f5e709655698abf9099 to your computer and use it in GitHub Desktop.
My @media queries
/* 4K */
@media only screen and (min-width: 2560px){
//CSS here
}
/*Desktop */
@media only screen and (min-width: 1025px) and (max-width: 2559px){
//CSS here
}
/* Tablet */
@media only screen and (min-width: 481px) and (max-width: 1024px){
//CSS here
}
/* Mobile*/
@media only screen and (min-width: 320px) and (max-width: 480px){
//CSS here
}
/* These queries have been implemented taking the iPad as the main Tablet and the iPhone as the main Smartphone; using Google Chrome's Responsive media query screen sizes */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment