ترتيب مستويات الثقة في صفحة الشارات

الدعم
3

يمكنك القيام بذلك باستخدام CSS، على سبيل المثال:

.badge-card.betauser {
    order: -1;
}

بسبب طريقة بناء تخطيط صفحة الشارات حاليًا (Flexbox)، قد تحتاج أيضًا إلى تعديل بعض الهوامش عند أحجام شاشات مختلفة إذا قمت بتغيير الترتيب.

.badge-card.betauser {
    order: -1;
  @media screen and (max-width: 850px) {
    margin-right: 1.63%
  }
}

.badge-card.betatester {
  @media screen and (max-width: 850px) {
    margin-right: 0;
  }
}

ستختفي الحاجة إلى التعديل على الهوامش في وقت لاحق من هذا العام بمجرد إسقاط دعم IE11 (لأننا سنتمكن حينها من بناء التخطيط باستخدام Grid بدلاً من Flexbox).