Cleanup about pages

1 files changed, 9 insertions, 3 deletions

diff --git a/packages/website/ts/@next/components/aboutPageLayout.tsx b/packages/website/ts/@next/components/aboutPageLayout.tsx
index 562f4f810..e8f09c8d9 100644
--- a/packages/website/ts/@next/components/aboutPageLayout.tsx
+++ b/packages/website/ts/@next/components/aboutPageLayout.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { Link } from 'ts/@next/components/button';
 import { ChapterLink } from 'ts/@next/components/chapter_link';
-import { Column, Section, Wrap } from 'ts/@next/components/layout';
+import { BREAKPOINTS, Column, Section, Wrap } from 'ts/@next/components/layout';
 import { SiteWrap } from 'ts/@next/components/siteWrap';
 import { Heading, Paragraph } from 'ts/@next/components/text';
 
@@ -18,12 +18,12 @@ export const AboutPageLayout = (props: Props) => (
     <SiteWrap theme="light">
         <Section isPadLarge={true}>
             <Wrap>
-               <Column colWidth="1/3">
+               <Nav colWidth="1/3">
                   <ChapterLink to="/next/about/mission">Our Mission</ChapterLink>
                   <ChapterLink to="/next/about/team">Team</ChapterLink>
                   <ChapterLink to="/next/about/press">Press</ChapterLink>
                   <ChapterLink to="/next/about/jobs">Jobs</ChapterLink>
-              </Column>
+              </Nav>
 
               <Column colWidth="2/3">
                   <IntroWrap>
@@ -51,3 +51,9 @@ export const AboutPageLayout = (props: Props) => (
 const IntroWrap = styled.div`
     max-width: 680px;
 `;
+
+const Nav = styled(Column)`
+    @media (max-width: ${BREAKPOINTS.mobile}) {
+        // display: none;
+    }
+`;