From d8e03b87d6e3152878902348f613ad006697c224 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 15:06:37 +0100
Subject: Team page grid responsive style

---
 packages/website/ts/@next/components/newLayout.tsx | 4 ++++
 packages/website/ts/@next/pages/about/team.tsx     | 8 ++++++++
 2 files changed, 12 insertions(+)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx
index 21f4271bd..cc1f725ba 100644
--- a/packages/website/ts/@next/components/newLayout.tsx
+++ b/packages/website/ts/@next/components/newLayout.tsx
@@ -98,6 +98,10 @@ export const WrapGrid = styled(Wrap)<WrapGridProps>`
     display: flex;
     flex-wrap: ${props => props.isWrapped && `wrap`};
     justify-content: ${props => props.isCentered ? `center` : 'space-between'};
+
+    @media (max-width: 768px) {
+        width: 100%;
+    }
 `;
 
 Section.defaultProps = {
diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx
index 821fa19a0..26813a01e 100644
--- a/packages/website/ts/@next/pages/about/team.tsx
+++ b/packages/website/ts/@next/pages/about/team.tsx
@@ -240,4 +240,12 @@ const StyledMember = styled.div`
         object-fit: contain;
         margin-bottom: 10px;
     }
+
+    @media (max-width: 900px) {
+        width: calc(33.3333% - 30px);
+    }
+
+    @media (max-width: 600px) {
+        width: calc(50% - 15px);
+    }
 `;
-- 
cgit v1.2.3