mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-02-07 13:58:40 +00:00
Fixing 75 and 66 media
This commit is contained in:
parent
ca39dec76f
commit
e1a37b2ea9
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user