adicionadas media query para versao mobile

samiwinho · Feb 19, 2024 · fe84b60 · fe84b60
1 parent ad06178
commit fe84b60
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -55,7 +55,7 @@
     body {
       background-color: #5b3c88;
       color: white;
-      height: 100%;
+      height: 100vh;
       width: 100vw;
       display: flex;
       flex-direction: column;
@@ -65,7 +65,6 @@
 
     h1 {
       text-align: center;
-      padding-top: 1rem;
       font-size: 3rem;
     }
 
@@ -119,6 +118,13 @@
       box-shadow: 0px 0px 100px 20px rgba(35, 39, 46, 0.5);
       margin: 2rem;
     }
+
+    @media screen and (max-width: 1024px) {
+      .caixa {
+        padding: 8px 16px;
+        margin: 1rem;
+      }
+    }
   </style>
 
   <body>