improve mobile styling

nikgraf · nikgraf · commit 0133ab05954e · 2016-03-15T18:25:07.000-07:00
diff --git a/site/components/App/styles.css b/site/components/App/styles.css
@@ -73,7 +73,6 @@
 }
 
 .plugin {
-  width: 16.66%;
   font-size: 0.9rem;
   display: inline-block;
   padding: 18px 0px;
@@ -86,6 +85,22 @@
   border-left: 1px solid #eee;
 }
 
+@media (max-width: 480px) {
+  .plugin {
+    width: 33.33%;
+  }
+
+  .plugin:nth-child(4) {
+    border-left: 1px solid #eee;
+  }
+}
+
+@media (min-width: 481px) {
+  .plugin {
+    width: 16.66%;
+  }
+}
+
 .center {
   text-align: center;
 }
