Update index.html

index.html

@@ -202,15 +202,21 @@
     background: #b8870b;
 }
 
- @media (max-width: 480px) {
+ @media screen and (max-width: 768px) {
+            #container {
+                flex-direction: column; /* ترتيب العناصر عموديًا في الشاشات الصغيرة */
+            }
             #map-container, #side-container {
                 width: 100%;
-                height: 100%; /* تأكيد ملائمة الحاويات على الشاشات الصغيرة */
+                height: 50vh; /* عرض الخريطة ونص الجانب عند تقسيم الشاشة */
+            }
+        }
+
+        @media screen and (max-width: 480px) {
+            #map-container, #side-container {
+                height: 70vh; /* تعديل الارتفاع في الشاشات الصغيرة جدًا */
             }
         }
-        .body {
-    font-size: 1.2em;  /* تقليص حجم الخط بشكل أكبر */
-  }
 
 
     </style>