WIP Begin cleanup, adds mediaquery component

1 files changed, 10 insertions, 9 deletions

diff --git a/packages/website/ts/@next/components/aboutPageLayout.tsx b/packages/website/ts/@next/components/aboutPageLayout.tsx
index a5e8df7e8..f562bcff5 100644
--- a/packages/website/ts/@next/components/aboutPageLayout.tsx
+++ b/packages/website/ts/@next/components/aboutPageLayout.tsx
@@ -11,9 +11,10 @@ import { addFadeInAnimation } from 'ts/@next/constants/animations';
 
 interface Props {
     title: string;
-    description: React.Node;
+    description: Node;
     linkLabel?: string;
     linkUrl?: string;
+    children?: Node;
 }
 
 export const AboutPageLayout = (props: Props) => (
@@ -28,9 +29,9 @@ export const AboutPageLayout = (props: Props) => (
 
            <Column width="70%" maxWidth="800px">
                <Column width="100%" maxWidth="680px">
-                   <AnimatedHeading size="medium">
-                     {props.title}
-                   </AnimatedHeading>
+                    <AnimatedHeading size="medium">
+                        {props.title}
+                    </AnimatedHeading>
 
                    <AnimatedParagraph size="medium" marginBottom="60px" isMuted={0.65}>
                      {props.description}
@@ -38,14 +39,14 @@ export const AboutPageLayout = (props: Props) => (
 
                    {(props.linkLabel && props.linkUrl) &&
                         <AnimatedLink
-                          to={props.linkUrl}
-                          isWithArrow={true}
+                            to={props.linkUrl}
+                            isWithArrow={true}
                         >
-                             {props.linkLabel}
+                            {props.linkLabel}
                         </AnimatedLink>
                    }
-               </Column>
-           </Column>
+                </Column>
+            </Column>
         </Section>
 
         {props.children}