Adding simple box media styles

This commit is contained in:
Dennis Eichhorn 2016-06-24 22:10:00 +02:00
parent 03f350a1e0
commit ca39dec76f
2 changed files with 22 additions and 0 deletions

View File

@ -95,4 +95,18 @@
.fw-66 {
width: 66%;
margin: 5px;;
}
@media only screen and (min-width: 501px) and (max-width: 900px) {
.box.w-33, .box.w-25 {
width: 49%;
width: calc(50% - 5px);
}
}
@media only screen and (max-width: 500px) {
.box.w-33, .box.w-50, .box.w-25 {
width: 100%;
width: calc(100% - 5px);
}
}

View File

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