bugfix overflow index.html

emilyfas · Jun 27, 2023 · 4fcc48b · 4fcc48b
1 parent eddce43
commit 4fcc48b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/css/index.css b/css/index.css
@@ -4,6 +4,10 @@
     font-family: 'Roboto Mono', monospace;
     color: #fff;
 }
+body{
+    width: 100vw;
+    overflow: hidden;
+}
 .contato{
     display: flex;
     width: 100%;
@@ -62,6 +66,7 @@ main{
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
+    width: 100%;
     height: 100vh;
     background: linear-gradient(#0084d1, #c9ecff);
     overflow: hidden;
@@ -94,6 +99,7 @@ h1{
     width: 80px;
     height: 80px;
     animation: pipeAnimation 3s infinite linear;
+
 }
 .clouds{
     position: absolute;

diff --git a/index.html b/index.html
@@ -12,6 +12,7 @@
 <body>
     <img src="images/clouds.png" alt="imagem nuvens" class="clouds">
     <main>
+
         <section class="contato">
             <div class="contato-container">
                 <button class="dropbtn">Contato</button>