:art: unsetting width in list pages

vue-theme/src/pages/list.vue

@@ -15,7 +15,7 @@
             )
 
         ul.posts.f-col(v-if="posts && loaded" :class="{ 'is-grid': grid }")
-            li(v-for="(post, i) in posts" :key="post.slug").post.w-max
+            li(v-for="(post, i) in posts" :key="post.slug").post
                 card(:content="post" :type="type" :wide="isWide")
         
         //- Important: Do NOT remove this! Required for intersection observer
@@ -229,31 +229,32 @@ export default {
 // prettier-ignore
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
-.page--list
-    article
-        > header
-            padding: 1em
-            > h1
-                margin: 0
-            > .content
-                padding: 0
-                width: 100%
-        > footer
-            padding: $ms-0
-        /* posts not grid list */
-        .posts
-            list-style: none
-            grid-gap: $ms-0
-            &.is-grid
-                flex-direction: row
-                flex-wrap: wrap
-                justify-content: space-between
-                section
-                    width: 32.5%
-                ul
-                    flex-wrap: wrap
-                    img
-                        max-width: 100%
+.page--list article
+    > header
+        padding: 1em
+        > h1
+            margin: 0
+        > .content
+            padding: 0
+            width: 100%
+    > footer
+        padding: $ms-0
+
+    /* posts not grid list */
+    .posts
+        list-style: none
+        grid-gap: $ms-0
+        .post
+            width: 100%
+    .posts.is-grid
+        width: 100%
+        flex-direction: row
+        flex-wrap: wrap
+        justify-content: space-between
+        .post
+            width: unset
+            img
+                max-width: 100%
 
 @media (min-width: $medium)
     .page--list.f-col