Added grid

assets/styles/base/_grid.scss

@@ -0,0 +1,20 @@
+.grid {
+    display: grid;
+    grid-gap: $base-spacing-unit;
+    @include resp-max($breakpoint-sm) {
+        grid-gap: $base-spacing-unit / 2;
+    }
+    
+    @each $breakpoint in $breakpoints {
+        $name: nth($breakpoint, 1);
+        $declaration: nth($breakpoint, 2);
+    
+        @media only screen and #{$declaration} {
+            @for $i from 1 through 6 {
+                &.grid--#{$name}-#{$i}x {
+                    grid-template-columns: repeat(#{$i}, 1fr);
+                }
+            }
+        }
+    }
+}

assets/styles/styles.scss

@@ -14,6 +14,7 @@
 
 // 4. Base stuff
 @import 'base/base';
+@import 'base/grid';
 @import 'base/fonts';
 @import 'base/images';
 @import 'base/forms';