Skip to content

Instantly share code, notes, and snippets.

@sriraman
Created September 11, 2013 16:34
Show Gist options
  • Save sriraman/6526251 to your computer and use it in GitHub Desktop.
Save sriraman/6526251 to your computer and use it in GitHub Desktop.
/* Very Small mobile */
@media only screen and (max-width: 309px) {
.container{
width: 280px;
}
}
/* Normal Mobile - Portrait */
@media only screen and (min-width: 310px) (max-width: 479px){
.container {
width: 310px;
}
}
/* Normal Mobile - Landscape */
@media only screen and (min-width: 480px) and (max-width: 599px) {
.container {
width: 470px;
}
}
/* 7" Tablet */
@media only screen and (min-width: 600px) and (max-width: 759px) {
.container {
width: 590px;
}
}
/* Tablet - iPad */
@media only screen and (min-width: 760px) and (max-width: 959px) {
.container {
width: 760px;
}
}
/* Standard PC */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.container {
width: 960px;
}
}
/* Widescreen */
@media only screen and (min-width: 1200px) {
.container {
width: 1200px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment