CSS を使用して実現できます。例えば:
.badge-card.betauser {
order: -1;
}
現在のバッジページのレイアウトはフレックスボックスで構築されているため、順序を変更する場合は、画面幅に応じていくつかの余白を調整する必要があるかもしれません。
.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 のサポートを終了すれば(その時点でレイアウトをグリッドで構築できるようになるため)、余白の調整に手間取る必要はなくなります。