tweaking header and hero position and sizing

2018-10-18 14:09:02 +02:00
parent ac60d45969
commit 97646571a1
2 changed files with 19 additions and 8 deletions
--- 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`