diff --git a/theme.css b/theme.css index a2521b9..3cdfb2b 100644 --- a/theme.css +++ b/theme.css @@ -15,7 +15,7 @@ } .board { - flex-wrap: wrap; + flex-wrap: row wrap; } .board-column:first-child { @@ -24,4 +24,23 @@ .board-column { margin-bottom: .5rem !important; + flex: 1 !important; +} + +@media screen and (max-width: 992px) { + .item { + flex-basis: 25%; + } +} + +@media screen and (max-width: 640px) { + .item { + flex-basis: 50%; + } +} + +@media screen and (max-width: 420px) { + .item { + flex-basis: 100%; + } }