diff options
| -rw-r--r-- | packages/website/ts/@next/components/newLayout.tsx | 4 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/about/team.tsx | 8 |
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); + } `; |