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;