Team page grid responsive style

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 = {

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);
+    }
 `;