From 52b49fee242dac5f5780838c4b5b14b5c873df92 Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Wed, 7 Nov 2018 13:08:08 +0100
Subject: better positioning of hero animation

---
 packages/dev-tools-pages/ts/components/Animations/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/dev-tools-pages/ts/components/Animations/index.tsx b/packages/dev-tools-pages/ts/components/Animations/index.tsx
index f750d4d94..3db501dc1 100644
--- a/packages/dev-tools-pages/ts/components/Animations/index.tsx
+++ b/packages/dev-tools-pages/ts/components/Animations/index.tsx
@@ -47,7 +47,7 @@ class Animation extends React.PureComponent<AnimationProps, AnimationState> {
         const windowWidth = window.innerWidth;
         let width = undefined;
         let height = undefined;
-        if (windowWidth < 1200) {
+        if (windowWidth <= 1000) {
             const maxWidth = windowWidth + 250;
             const ratio = maxWidth / this.props.width;
 
@@ -89,9 +89,9 @@ const Container = styled.div`
     left: 0;
     z-index: -1;
     overflow: hidden;
-    ${media.medium`
-        top: auto;
-        bottom: -3rem;
+    ${media.large`
+        top: 100%;
+        transform: translateY(-50%);
     `};
 `;
 
-- 
cgit v1.2.3