styling edits - padding adjustments

vue-theme/src/components/card.vue

@@ -3,7 +3,7 @@
     header
         router-link(v-if="!hideType" :to="`/${type}`")
             p.t-up {{type}}
-    article.card--info(:class="{ 'wide': wide }")
+    section.card--info(:class="{ 'wide': wide }")
         router-link(:to="`/${type}/${content.slug}`")
             //- set image to thumbnail setting
             featured-image(:post="content")
@@ -25,11 +25,11 @@ export default {
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
 .card
-    /* padding: $ms--3 */
+    padding: $ms-0
     overflow: hidden
     text-overflow: clip
     &--info
-        padding: $ms--3
+        /* padding: $ms--3 */
         justify-content: center
     header
         a
@@ -37,12 +37,14 @@ export default {
     img
         width: 100%
         height: auto
-    h1, h2, h3, p
+        /* padding: $ms-0 */
+    h1, h2, h3
         padding: $ms--3
         margin: 0
     h1
         font-size: $ms-1
         color: $cia_black
+
     
 /* for widths larger than 768px */
 @media (min-width: $medium)
@@ -53,11 +55,12 @@ export default {
                 width: 100%
         .wide
             display: flex
-            /* specific condition for wide card, need to sort out paragraph fit*/
+            /* padding: $ms-0 0 */
+            grid-gap: $ms-0
             /* img */
                 /* width: 100% */
                 /* padding: 0 $ms-0 0 0 */
-            /* padding: $ms-0 0 */
+            /* specific condition for wide card, need to sort out paragraph fit*/
             w-max
             
 </style>