diff --git a/theme.css b/theme.css index 76f85b8..e2c2c6c 100644 --- a/theme.css +++ b/theme.css @@ -18,29 +18,27 @@ flex-wrap: wrap; } -.board-column:first-child { - margin-left: 0 !important; -} - .board-column { margin-bottom: .5rem !important; - width: 25%; + margin-left: .5rem !important; + margin-right: .5rem !important; + width: calc(25% - 2 * 0.rem); } @media screen and (max-width: 992px) { .board-colomn { - width: 33%; + width: calc(33% - 2 * 0.rem); } } @media screen and (max-width: 640px) { .board-colomn { - width: 50%; + width: calc(50% - 2 * 0.rem); } } @media screen and (max-width: 420px) { .board-colomn { - width: 100%; + width: calc(100% - 2 * 0.rem); } }