aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/@next/components/newLayout.tsx4
-rw-r--r--packages/website/ts/@next/pages/about/team.tsx8
2 files changed, 12 insertions, 0 deletions
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);
+ }
`;