:art: fixing list article card margin | more card image fixes

vue-theme/src/components/card.vue

@@ -53,6 +53,7 @@ export default {
             object-position: 0% 30%
             max-height: calc($max-card-img-height / 3)
             overflow-y: clip
+            width: 100%
     header a
         font-size: $ms--2
         text-decoration: none
@@ -97,6 +98,7 @@ export default {
         &--info 
             .featured-or-hero-image img
                 max-height: $max-card-img-height
+                
         .wide
             padding: 0
             flex-direction: row

vue-theme/src/pages/list.vue

@@ -254,14 +254,13 @@ export default {
         align-items: start
         /* This is important for how the grid lines up to the page */
         justify-content: right 
-        .post
-            img
-                max-width: 100%
+        .post img
+            width: 100%
 
 @media (min-width: $medium)
     .page--list
         &.f-col
             flex-direction: row
-        article
+        > article
             margin: 0 $ms--2 0 0
 </style>