:art: making list pages minimum width | list pages when grid are 2 across on mobile

vue-theme/src/pages/list.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 .page--list.f-col.between
-    article.f-grow
+    article.f-grow.w-max
 
         header.center.t-up
             .title.f-row
@@ -208,6 +208,7 @@ export default {
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
 .page--list article
+    min-width: 375px
     > header
         padding: 1em
         > h1
@@ -236,7 +237,7 @@ export default {
     .posts.is-grid
         width: 100%
         display: grid
-        grid-template-columns: repeat(1, 1fr)
+        grid-template-columns: repeat(2, 1fr)
         align-items: start
         /* This is important for how the grid lines up to the page */
         justify-content: right