Skip to content

Instantly share code, notes, and snippets.

@micahwave
Created April 3, 2013 15:14
Show Gist options
  • Save micahwave/5302094 to your computer and use it in GitHub Desktop.
Save micahwave/5302094 to your computer and use it in GitHub Desktop.
How NOT to do responsive
@media screen and (max-width: 1122px) {
.full-col {
width: 1081px;
}
}
@media screen and (max-width: 1115px) {
.full-col {
width: 1084px;
}
.he-gallery .item-nav {
top: -55px;
}
}
@media screen and (max-width: 1100px) {
.full-col {
width: 1068px;
}
}
@media screen and (max-width: 1095px) {
.full-col {
width: 1055px;
}
}
@media screen and (max-width: 1080px) {
.full-col {
width: 1035px;
}
}
@media screen and (max-width: 1060px) {
.full-col {
width: 1005px;
}
}
@media screen and (max-width: 1024px) {
.full-col {
width: 984px;
}
}
@media screen and (max-width: 1010px) {
.full-col {
width: 976px;
}
}
@media screen and (max-width: 990px) {
.full-col {
width: 945px;
}
}
@media screen and (max-width: 980px) {
.full-col {
width: 925px;
}
}
@media screen and (max-width: 960px) {
.full-col {
width: 910px;
}
}
@media screen and (max-width: 940px) {
.full-col {
width: 905px;
}
}
@media screen and (max-width: 930px) {
.full-col {
width: 885px;
}
}
@media screen and (max-width: 900px) {
.full-col {
width: 865px;
}
}
@media screen and (max-width: 880px) {
.full-col {
width: 845px;
}
}
@media screen and (max-width: 860px) {
.full-col {
width: 825px;
}
}
@media screen and (max-width: 840px) {
.full-col {
width: 805px;
}
}
@media screen and (max-width: 820px) {
.full-col {
width: 785px;
}
}
@media screen and (max-width: 800px) {
.full-col {
width: 755px;
}
}
@media screen and (max-width: 720px) {
.full-col {
width: 680px;
}
}
@media screen and (max-width: 700px) {
.full-col {
width: 660px;
}
}
@media screen and (max-width: 680px) {
.full-col {
width: 640px;
}
}
@media screen and (max-width: 660px) {
.full-col {
width: 620px;
}
}
@media screen and (max-width: 640px) {
.full-col {
width: 600px;
}
}
@media screen and (max-width: 450px) {
.full-col {
width: 400px;
}
}
@media screen and (max-width: 440px) {
.full-col {
width: 370px;
}
}
@media screen and (max-width: 425px) {
.full-col {
width: 350px;
}
}
@media screen and (max-width: 420px) {
.full-col {
width: 340px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment