From 52272cd2906b9d18a5ff77fde08854ea1c6e9e4c Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 13 Dec 2018 18:57:22 +0100
Subject: Hide configurator on smaller screens

---
 packages/website/ts/@next/pages/instant.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts/@next/pages/instant.tsx')

diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx
index fbc56bff7..2038ce160 100644
--- a/packages/website/ts/@next/pages/instant.tsx
+++ b/packages/website/ts/@next/pages/instant.tsx
@@ -94,10 +94,10 @@ export const Next0xInstant = () => (
             ))}
         </Section>
 
-        <Section maxWidth="1386px" padding="0 58px 70px" bgColor={colors.backgroundDark}>
+        <ConfiguratorSection maxWidth="1386px" padding="0 58px 70px" bgColor={colors.backgroundDark}>
           <Heading>0x Instant Configurator</Heading>
           <Configurator hash={CONFIGURATOR_HASH} />
-        </Section>
+        </ConfiguratorSection>
 
         <Banner
             heading="Need more flexibility?"
@@ -135,6 +135,12 @@ const fadeUp = keyframes`
   }
 `;
 
+const ConfiguratorSection = styled(Section)`
+  @media (max-width: 1050px) {
+      display: none;
+  }
+`;
+
 // width = 370 * 12
 const MarqueeWrap = styled.div`
     width: 100vw;
-- 
cgit 

