member cards aligned

src/styles/members.scss

@@ -10,16 +10,17 @@
 
   & > div {
     background: violet;
+    display: flex;
+    flex-wrap: wrap;
     grid-column-start: start;
     grid-column-end: end;
+    justify-content: space-between;
     margin-bottom: 1em;
     /*grid-row-start: middle;
     grid-row-end: end;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     grid-gap: 1em;*/
-    display: flex;
-    justify-content: space-between;
     
     &:first-of-type {
       color: $color-black2;
@@ -46,11 +47,15 @@
 
     > sib-display {
       cursor: pointer;
+      background-color: white;
+      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
       display: flex;
-      flex-direction: column;
-      position: relative;
-      @extend %frame;
-      padding: 1em;
+      flex-flow: column wrap;
+      padding: 1rem;
+      margin-bottom: 2.5rem;
+      @media(min-width: 56rem) {
+        width: 30%;
+      }
 
       label {
         display: none;