مدیاویکی:Common.css: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

@@ خط ۹۸۸: / خط ۹۸۸: @@
      .provinces-grid .main-grid {
          grid-template-columns: repeat(2, 1fr); /* موبایل ۲ ستونه */
+    }
+}
+/* برای نمایش ۱۰ ستونه */
+.cities-grid .main-grid {
+    display: grid;
+    grid-template-columns: repeat(10, 1fr); /* ۱۰ ستون */
+    gap: 10px;
+    justify-items: center;
+}
+/* ریسپانسیو برای تبلت */
+@media (max-width: 1024px) {
+    .cities-grid .main-grid {
+        grid-template-columns: repeat(5, 1fr); /* ۵ ستون */
+    }
+}
+/* ریسپانسیو برای موبایل */
+@media (max-width: 600px) {
+    .cities-grid .main-grid {
+        grid-template-columns: repeat(3, 1fr); /* ۳ ستون */
      }
 }