Вы можете сделать это с помощью 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 для построения разметки).