Skip to content

Instantly share code, notes, and snippets.

@charliepark

charliepark/simple_breakpoints.css

Created September 9, 2013 17:54
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save charliepark/6499139 to your computer and use it in GitHub Desktop.
Save charliepark/6499139 to your computer and use it in GitHub Desktop.
Download ZIP
simple responsive breakpoints
Raw
simple_breakpoints.css
/* via http://stackoverflow.com/questions/16443380/common-css-media-queries-break-points */
@media only screen and (min-width: 768px) {
/* tablets and desktop */
}
@media only screen and (max-width: 767px) {
/* phones */
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
/* portrait phones */
}
@charliepark
Copy link
Author

Also, don't forget to include <meta name="viewport" content="width=device-width, initial-scale=1">

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