Make start/interests responsive

Author: appleJax

app/styles/components/categories-list.scss

@@ -1,5 +1,7 @@
 .categories-list {
-  flex: 1;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
   margin-bottom: 2em;
   width: 100%;
 }

app/styles/components/category-item.scss

@@ -1,6 +1,17 @@
 .category-item {
-  @include omega(5n);
-  @include span-columns(2.4);
+  width: 20%;
+  @include media($lg-screen) {
+    width: 25%;
+  }
+  @include media($md-screen) {
+    width: 33%;
+  }
+  @include media($sm-screen) {
+    width: 50%;
+  }
+  @include media($xs-screen) {
+    width: 100%;
+  }
 
   text-align: center;