Fix index columns

docs/_sass/index.sass

@@ -1,3 +1,56 @@
+// Columns
+
+.bd-columns-header
+  margin-bottom: 3rem
+  text-align: center
+  strong
+    color: $primary
+    font-weight: $weight-semibold
+  .subtitle
+    color: $grey-light
+
+#grid
+  .notification
+    padding-left: 0
+    padding-right: 0
+
+.bd-columns-tools
+  margin-top: 3rem
+
+.bd-columns-tool
+  @extend %center
+  &.bd-is-try
+    .buttons
+      justify-content: center
+    .button
+      strong
+        font-weight: $weight-semibold
+
+#markup
+  width: 100%
+  .highlight pre
+    max-height: none
+
+#message
+  display: none
+  margin-top: 3rem
+
++mobile
+  .bd-columns-tool
+    &.bd-is-markup
+      margin-top: 3rem
+
++tablet
+  .bd-columns-tools
+    align-items: flex-start
+    display: flex
+  .bd-columns-tool
+    width: 50%
+    &.bd-is-try
+      padding-top: 60px
+
+// Focus
+
 .bd-focus
   margin: 6rem auto 0
   max-width: $intro-width
@@ -27,6 +80,8 @@
   .fa-github-alt
     color: $github
 
+// Intro
+
 .intro-content
   margin-left: auto
   margin-right: auto
@@ -210,15 +265,3 @@
     margin-top: -11px
     &:not(:last-child)
       margin-bottom: 20px
-
-#grid
-  .notification
-    padding-left: 0
-    padding-right: 0
-
-#message
-  display: none
-
-#markup
-  .highlight pre
-    max-height: none

docs/_sass/route.sass

@@ -1,11 +1,12 @@
 html.route-index
-  .title.is-2
+  .title.is-2,
+  .title.is-3
     position: relative
-  .title.is-2 a
-    color: $text-strong
-    position: relative
-  .title.is-2 a:hover
-    color: $blue
+    a
+      color: $text-strong
+      position: relative
+    a:hover
+      color: $blue
   .hero .title.is-2 a
     color: $white
   .hero .title.is-2 a:hover

docs/_sass/sponsors.sass

@@ -13,12 +13,11 @@
   display: flex
   flex-wrap: wrap
   justify-content: space-between
-  margin-bottom: -1rem
   a
     align-items: center
     display: flex
     justify-content: center
-    margin: 0 1rem 1rem 0
+    margin-right: 1rem
     min-height: $carbon-height
 
 .bd-partners