Merge pull request #244 from bchiang7/fix/mobile-hero

Fix mobile hero
bchiang7 · Dec 13, 2022 · 3bd6858 · 3bd6858
2 parents 39dc6a7 + 25350c6
commit 3bd6858
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/src/components/sections/hero.js b/src/components/sections/hero.js
@@ -12,13 +12,9 @@ const StyledHeroSection = styled.section`
   height: 100vh;
   padding: 0;
 
-  @media (max-width: 480px) and (min-height: 700px) {
-    padding-bottom: 10vh;
-  }
-
-  @media (max-height: 650px) {
+  @media (max-height: 700px) and (min-width: 700px), (max-width: 360px) {
     height: auto;
-    padding-top: calc(var(--nav-height) + 30px);
+    padding-top: var(--nav-height);
   }
 
   h1 {