:art: auto column grid duh

vue-theme/src/components/card.vue

@@ -91,16 +91,11 @@ export default {
 /* for widths larger than 768px */
 @media (min-width: $medium)
     .card
+        &--info 
+            .featured-or-hero-image img
+                max-height: $max-card-img-height
         .wide
             padding: 0
             flex-direction: row
-            grid-gap: $ms-0
-            a
-                width: 100%
-                /* Force crop images */
-                .featured-or-hero-image img
-                    object-fit: cover
-                    object-position: 0% 30%
-                    max-height: $max-card-img-height
-                    overflow-y: clip
+            grid-gap: $ms--2
 </style>

vue-theme/src/pages/list.vue

@@ -245,10 +245,12 @@ export default {
         list-style: none
         .post
             width: 100%
+
+    /* posts in grid list */
     .posts.is-grid
         width: 100%
         display: grid
-        grid-template-columns: 32% 32% 32%
+        grid-template-columns: auto auto auto
         grid-gap: $ms--2
         align-items: start
         /* This is important for how the grid lines up to the page */