styling edit - card padding adjust

vue-theme/src/components/card.vue

@@ -25,10 +25,11 @@ export default {
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
 .card
-    padding: $ms--3 $ms-0 $ms-0
+    /* padding: $ms--3 */
     overflow: hidden
     text-overflow: clip
     &--info
+        padding: $ms--3
         justify-content: center
     header
         a
@@ -37,13 +38,13 @@ export default {
         width: 100%
         height: auto
     h1, h2, h3, p
-        padding: $ms--7 0
+        padding: $ms--3
         margin: 0
     h1
         font-size: $ms-1
         color: $cia_black
     
-
+/* for widths larger than 768px */
 @media (min-width: $medium)
     .card
         &--info 
@@ -56,6 +57,7 @@ export default {
             /* img */
                 /* width: 100% */
                 /* padding: 0 $ms-0 0 0 */
+            /* padding: $ms-0 0 */
             w-max
             
 </style>