Update دالة حساب الاحداثيات.html

دالة حساب الاحداثيات.html

@@ -145,14 +145,22 @@
     background-color: #caa7a7;
 
 } 
-        /* تخطيط الاستجابة للواجهة */
-        @media (max-width: 768px) {
-            #map, .content {
-                display:none;
-                width: 100%; /* Full width on smaller screens */
-                height: 50%; /* Half the height of the viewport */
-            }
-        }
+       @media (max-width: 768px) {
+    body {
+        flex-direction: column; /* Stack map and content vertically */
+    }
+
+    #map {
+        width: 100%; /* Full width on smaller screens */
+        height: 50%; /* Half the height of the viewport */
+    }
+
+    .content {
+        width: 100%; /* Full width on smaller screens */
+        height: 50%; /* Half the height of the viewport */
+        overflow-y: auto; /* Enable scrolling if content overflows */
+    }
+}
 
     </style>
 </head>