Fixing 75 and 66 media

This commit is contained in:
Dennis Eichhorn 2016-06-24 22:15:33 +02:00
parent ca39dec76f
commit e1a37b2ea9
2 changed files with 11 additions and 2 deletions

View File

@ -102,10 +102,15 @@
width: 49%; width: 49%;
width: calc(50% - 5px); width: calc(50% - 5px);
} }
.box.w-75, .box.w-66 {
width: 49%;
width: calc(50% - 5px);
}
} }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
.box.w-33, .box.w-50, .box.w-25 { .box.w-33, .box.w-50, .box.w-25, .box.w-66, .box.w-75 {
width: 100%; width: 100%;
width: calc(100% - 5px); width: calc(100% - 5px);
} }

View File

@ -231,10 +231,14 @@ article {
@media only screen and (min-width: 501px) and (max-width: 900px) { @media only screen and (min-width: 501px) and (max-width: 900px) {
.box.w-33, .box.w-25 { .box.w-33, .box.w-25 {
width: 49%;
width: calc(50% - 5px); }
.box.w-75, .box.w-66 {
width: 49%; width: 49%;
width: calc(50% - 5px); } } width: calc(50% - 5px); } }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
.box.w-33, .box.w-50, .box.w-25 { .box.w-33, .box.w-50, .box.w-25, .box.w-66, .box.w-75 {
width: 100%; width: 100%;
width: calc(100% - 5px); } } width: calc(100% - 5px); } }
.center { .center {