Fixed Position for Popup

nouman17610 · Jul 29, 2023 · b4ae4ff · b4ae4ff
1 parent 4c29aa3
commit b4ae4ff
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/style.css b/style.css
@@ -48,22 +48,22 @@
 }
 
 .modal {
-  position: relative;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) scale(0);
-  transition: 200ms ease-in-out;
+  position: fixed;
+  top: 5%;
+  left: 5%;
+ /** transform: translate(-50%, -50%) scale(0);
+  transition: 200ms ease-in-out;**/
   border: 1px solid black;
   border-radius: 10px;
   z-index: 10;
   background-color: white;
-  width: 89%;
+  width: 80%;
   padding: 15px;
   display: none;
 }
 
 .modal.active {
-  transform: translate(-50%, -50%) scale(1);
+   /** transform: translate(-50%, -50%) scale(1);**/
   display: block;
 }