Skip to content

Instantly share code, notes, and snippets.

@chriseppstein

chriseppstein/responsive_grid_container.scss

Created July 11, 2011 06:10
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save chriseppstein/1075370 to your computer and use it in GitHub Desktop.
Save chriseppstein/1075370 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
responsive_grid_container.scss
@mixin grid_container {
margin: auto;
width: 960px;
// Tablet Layout: 768px.
@media only screen and (min-width: 768px) and (max-width: 991px) {
width: 764px;
}
// Mobile Layout: 320px.
@media only screen and (max-width: 767px) {
width: 320px;
}
// Wide Mobile Layout: 480px.
@media only screen and (min-width: 480px) and (max-width: 767px) {
width: 480px;
}
}
@lynnwallenstein
Copy link

Wow! Awesome. Thanks so much!

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