responsive review

components/CoopCard.vue

@@ -78,6 +78,7 @@ export default {
 .card {
     display: flex;
     flex-direction: column;
+    justify-content: center;
     border-radius: 1rem;
     border: 2px solid white;
     background: #fff;
@@ -87,6 +88,11 @@ export default {
     max-height: 546px;
     max-width: 288px;
 
+    @include mobile {
+      width: 100%;
+      max-width: 100%;
+    }
+
     .card-image {
       width: 100%;
       height: 288px;