corrigindo conteúdo cortado ao virar celular

GustavoGads · Feb 25, 2024 · 3c15582 · 3c15582
1 parent 9f0b897
commit 3c15582
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/style.css b/style.css
@@ -14,7 +14,7 @@ body {
     background-color: black;
     background-repeat: no-repeat;
 
-    width: 100%;
+    max-height: 100%;
 }
 
 body::before {
@@ -38,7 +38,6 @@ body::before {
 
 main {
     padding: 6%;
-    height: 100%;
 }
 
 .headline {
@@ -217,7 +216,7 @@ footer .text-article p {
     }
 
     main {
-        height: 100vh;
+        min-height: 100vh;
         display: flex;
         flex-direction: column;
         justify-content: space-evenly;
@@ -239,11 +238,10 @@ footer .text-article p {
 }
 
 @media screen and (min-width: 1024px) {
-    body {
-        height: 100vh;
-    }
 
     main {
+        height: 100vh;
+        overflow: hidden;
         justify-content: space-between;
     }