diff --git a/size.scss b/size.scss index 02dc072..6d5f839 100644 --- a/size.scss +++ b/size.scss @@ -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); } diff --git a/styles.css b/styles.css index b33e4fa..6d94d2e 100644 --- a/styles.css +++ b/styles.css @@ -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 {