Change the top page to grid layout

Author: akkinoc

_config.yml

@@ -92,7 +92,7 @@ defaults:
         - nav: archive
 
 # Outputting
-paginate: 8
+paginate: 6
 timezone: Asia/Tokyo
 
 # Archive

_sass/custom.scss

@@ -95,6 +95,21 @@ html {
     }
   }
 }
+.grid-max-cols-3 {
+  .grid__item {
+    @include breakpoint($medium) {
+      width: span(4 of 12);
+      &:nth-child(3n + 1) {
+        clear: both;
+        margin-left: 0;
+      }
+      &:nth-child(3n + 2), &:nth-child(3n + 3) {
+        clear: none;
+        margin-left: gutter(1 of 12);
+      }
+    }
+  }
+}
 .no-footer-meta {
   footer.page__meta {
     display: none;

index.html

@@ -1,5 +1,6 @@
 ---
 layout: home
-classes: wide
+classes: wide grid-max-cols-3
 author_profile: true
+entries_layout: grid
 ---