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 ++++
 1 file changed, 4 insertions(+)

(limited to 'packages/website/ts/@next/components')

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 = {
-- 
cgit v1.2.3