Attribute to set wide card for first posts in list

vue-theme/src/components/card.vue

@@ -7,7 +7,7 @@
         router-link(:to="`/${type}/${content.slug}`")
             //- set image to thumbnail setting
             featured-image(:post="content")
-        .f-col.w-max
+        .f-col
             router-link(:to="`/${type}/${content.slug}`")
                 h1.t-up.t-cntr.t-b {{ content.title }}
             p {{ content.excerpt }}

vue-theme/src/pages/list.vue

@@ -12,8 +12,8 @@
             .content(v-else-if="allPagesLoaded && type && allPages[type]" v-html="allPages[type].content")
 
         .posts(v-if="posts && loaded" :class="{ 'is-grid': grid }")
-            section(v-for="post in posts" :key="post.slug").shadow.post
-                card(:content="post" :type="type")
+            section(v-for="(post, i) in posts" :key="post.slug").shadow.post
+                card(:content="post" :type="type" :wide="type == 'exhibitions' && i > 2 || 'events'")
 
         footer
             p {{ `${type} count: ${Object.values(posts).length}` }}
@@ -59,7 +59,7 @@ export default {
             /**
              * We override the API to sort by date
              * because items are returned by ID so
-             * we need to resort it by date
+             * we need to re-sort it by date
              */
             let unsortedOfType = Object.values(this[`all${type}`])
             let sortedByRecent = unsortedOfType.sort((postA, postB) => new Date(postB.date) - new Date(postA.date))
@@ -158,7 +158,7 @@ export default {
             /* background-color: white */
             section
                 width: 32.5%
-                /* 4 column grid */
+                /* 4 column grid see how dense this becomes */
                 /* width: 24% */
             ul
                 flex-wrap: wrap