الگو:صفحه اصلی مشاغل/دسته بندی موضوعی: تفاوت میان نسخه‌ها

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

دیداریویکی‌متن

@@ خط ۶۷۵: / خط ۶۷۵: @@
 .fz-filter-btn.active { background: #16bd78 !important; color: white !important; }
-/* چیدمان شبکه کارت‌ها */
+/* چیدمان شبکه کارت‌ها - تنظیم پیش‌فرض دسکتاپ بر روی ۳ ستون */
 .fz-category-grid {
      display: grid !important;
-     grid-template-columns: repeat(4, 1fr) !important;
+     grid-template-columns: repeat(3, 1fr) !important; /* دسکتاپ ۳ ستونه */
      gap: 12px !important;
      width: 100% !important;
@@ خط ۷۰۲: / خط ۷۰۲: @@
 .fz-card:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }
-/* استایل فونت داخل کارت (۱۰ درصد بزرگتر از ۱۴) */
+/* استایل فونت داخل کارت */
 .fz-title {
      font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
      font-weight: bold !important;
      color: #444 !important;
-     font-size: 15.4px !important; /* تنظیم شده روی ۱۵.۴ پیکسل */
+     font-size: 15.4px !important;
      text-align: center;
      white-space: nowrap;
@@ خط ۷۱۵: / خط ۷۱۵: @@
 }
-/* واکنش‌گرایی */
+/* واکنش‌گرایی بر اساس تعداد ستون‌ها */
-@media (max-width: 1200px) { .fz-category-grid { grid-template-columns: repeat(3, 1fr) !important; } }
+@media (max-width: 850px) {
-@media (max-width: 850px) { .fz-category-grid { grid-template-columns: repeat(2, 1fr) !important; } }
+    .fz-category-grid {
-@media (max-width: 500px) { .fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; } }
+        grid-template-columns: repeat(2, 1fr) !important; /* تبلت ۲ ستونه */
+    }
+}
+@media (max-width: 500px) {
+    .fz-category-grid {
+        grid-template-columns: repeat(1, 1fr) !important; /* موبایل تک ستونه */
+    }
+}
 .is-hidden { display: none !important; }