adding responsitivity 1024 and 768px width

TuaneLeao · Nov 29, 2023 · 293e522 · 293e522
1 parent 32d3628
commit 293e522
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/index.css b/index.css
@@ -196,21 +196,38 @@ footer p a {
 
 @media screen and (min-width:1281) and (max-width:1440px){
   .img-inicio{
-    height:80vh;
     width:80vw;
   }
 }
 
 @media (max-width:1280px){
   .img-inicio{
-    height: 80vh;
     width: 80vw;
   }
 }
 
 @media (max-width:1050px){
   .img-inicio{
-    height: 60vh;
     width: 60vw;
   }
+}
+
+@media (max-width:1025px){
+.shape{
+  bottom:5rem;
+}
+
+  .img-inicio{
+    width:40vw;
+  }
+}
+
+@media (max-width:768px){
+  .img-inicio{
+    width: 40vw;
+  }
+
+  #duvidas .img-duvida{
+    width:40vw;
+  }
 }