From 97646571a1bf4514edb52a7bc14bb157dfa3025c Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Thu, 18 Oct 2018 14:09:02 +0200
Subject: tweaking header and hero position and sizing

---
 packages/dev-tools-pages/ts/components/Hero.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'packages/dev-tools-pages/ts/components/Hero.tsx')

diff --git a/packages/dev-tools-pages/ts/components/Hero.tsx b/packages/dev-tools-pages/ts/components/Hero.tsx
index 60f859a55..5ba469fca 100644
--- a/packages/dev-tools-pages/ts/components/Hero.tsx
+++ b/packages/dev-tools-pages/ts/components/Hero.tsx
@@ -19,9 +19,14 @@ function Hero(props: Props) {
 }
 
 const StyledHero = styled.section`
-    margin: 0 auto;
     text-align: center;
+    margin: 0 auto;
+    padding-top: 9.375rem;
+    padding-bottom: 2rem;
     max-width: 590px;
+    min-height: min-content;
+    max-height: 37.5rem;
+    height: 80vh;
 `;
 
 const Subtitle = styled.h2`
-- 
cgit v1.2.3

