From 486fc1ae20cd5130f0e2f90fca836a718d2d0a18 Mon Sep 17 00:00:00 2001
From: Gaelle Morin <morin.gaelle@gmail.com>
Date: Tue, 18 Dec 2018 15:25:24 +0100
Subject: [PATCH] member cards aligned

---
 src/styles/members.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/styles/members.scss b/src/styles/members.scss
index a5ce760..3a0ea9c 100644
--- a/src/styles/members.scss
+++ b/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;