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

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

@@ خط ۹۵۳: / خط ۹۵۳: @@
 }
-/* تنظیمات آیکون‌های نماد */
+/* تنظیم کانتینر برای کنار هم قرار دادن نمادها */
 .trust-icons {
      display: flex;
-     justify-content: center;
+     justify-content: center; /* وسط‌چین کردن هر دو در کادر */
-     gap: 15px;
+    align-items: center;     /* تراز عمودی */
-     margin-top: 10px;
+     gap: 15px;               /* فاصله بین دو نماد */
+     flex-wrap: wrap;         /* اگر صفحه کوچک شد، به خط بعد بروند */
 }
-/* ریسپانسیو برای موبایل (اگر عرض صفحه کم شد، همه چیز وسط‌چین شود) */
+/* مجبور کردن خروجی‌های اینماد و زرین‌پال به نمایش در یک خط */
-@media (max-width: 768px) {
+.trust-icons > div,
-    .footer-container {
+.trust-icons > a {
-        flex-direction: column;
+    display: inline-block !important;
-        align-items: center;
+    vertical-align: middle;
-    }
 }