:art: fix for responsive grid layout on list pages

vue-theme/src/components/breadcrumb.vue

@@ -5,7 +5,7 @@ nav.breadcrumb.f-row.start.t-up
         h5.t-up {{ type }}
     router-link(v-else :to="`/${type}`")
         h5.t-up {{ type }}
-    h5 ➤
+    h5  ➤ 
     router-link(:to="`/${type}/${post.slug}`")
         h5 {{ post.title }}
 </template>

vue-theme/src/pages/list.vue

@@ -250,7 +250,7 @@ export default {
     .posts.is-grid
         width: 100%
         display: grid
-        grid-template-columns: repeat(3, 1fr)
+        grid-template-columns: repeat(1, 1fr)
         align-items: start
         /* This is important for how the grid lines up to the page */
         justify-content: right 
@@ -263,4 +263,6 @@ export default {
             flex-direction: row
         > article
             margin: 0 $ms--2 0 0
+            .posts.is-grid
+                grid-template-columns: repeat(3, 1fr)
 </style>