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: calc(50% - 5px);
}
.box.w-75, .box.w-66 {
width: 49%;
width: calc(50% - 5px);
}
}
@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: calc(100% - 5px);
}

View File

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