diff --git a/static/css/columns.css b/static/css/columns.css
index 8c8b4b3..2f40a18 100644
--- a/static/css/columns.css
+++ b/static/css/columns.css
@@ -25,7 +25,4 @@
   width: 80%;
   padding-left: 10%;
  }
- .wwrapper {
-  max-width: 48%;
- }
 }
diff --git a/static/css/haiku.css b/static/css/haiku.css
index e10b7c9..912a8ae 100644
--- a/static/css/haiku.css
+++ b/static/css/haiku.css
@@ -40,6 +40,16 @@ body {
  padding-bottom: 0.5em;
  display: inline-grid;
 }
+@media screen and (min-width: 1024px) {
+ .wwrapper {
+  max-width: 48%;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .wwrapper {
+  max-width: 100%;
+ }
+}
 .wbutton {
  display: inline-block;
  vertical-align: middle;