centered

riyaahlawat · Jun 18, 2024 · 752039c · 752039c
1 parent 5ba7d16
commit 752039c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/styles/modal.css b/styles/modal.css
@@ -10,6 +10,9 @@
     width: 100%;
     height: 100%;
     overflow: auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     /* background-color: rgb(0, 0, 0); */
     background-color: rgba(0, 0, 0, 0.4);
     /* padding-top: 60px; */
@@ -25,25 +28,28 @@
 
 .modal-content {
     background-color: var(--bgColor);
-    margin: 5% auto;
+    margin: 15% auto;
     padding: 20px;
     border: 3px solid var(--black);
     width: 80vw;
     height: auto;
     max-width: 800px;
     border-radius: 10px;
     box-shadow: 0 5px 15px var(--black);
+    display: flex;
 }
 
 /* layout for the buttons */
 .contact-container {
     text-align: center;
+    width: 100%;
 }
 
 .button-grid {
     display: flex;
     justify-content: center;
     align-items: center;
+    width: 100%;
 }
 
 .left-buttons,