made Modal Animation project Responsive

pulkit-30 · Sep 2, 2021 · 8a94fb0 · 8a94fb0
1 parent c29f9d5
commit 8a94fb0
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/Modal/style.css b/Modal/style.css
@@ -105,3 +105,16 @@ footer {
   left: 5px;
   color: white;
 }
+@media (max-width: 600px) {
+  body {
+    text-align: center;
+  }
+  .modal {
+    width: 80vw;
+    margin: auto;
+    height: 50vh;
+    position: absolute;
+    padding: 20px;
+    right: 7%;
+  }
+}