mobile-resposive-fix

ajaynegi45 · Oct 31, 2024 · af962aa · af962aa
1 parent 16a8579
commit af962aa
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/ui/MapModal.module.css b/src/components/ui/MapModal.module.css
@@ -3,7 +3,6 @@
   top: 0;
   left: 0;
   width: 100%;
-  height: 90%;
   background-color: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
@@ -114,9 +113,10 @@
   @media (max-width: 768px) {
     .modalContent {
       flex-direction: column; /* Stack columns vertically */
-      width: 90%; /* Full width on mobile */
-      max-height: 90%; /* Prevent the modal from exceeding the viewport */
+      width: 80%; /* Full width on mobile */
+      max-height: 80%; /* Prevent the modal from exceeding the viewport */
       overflow-y: auto; /* Enable vertical scrolling */
+
     }
 
     .leftColumn,