Trust levels order exhibition in the badges page

Support
3

You can do it with CSS, for example

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

Because of how the badge page layout is currently built (flexbox), you might also need to adjust some margins at different screen widths if you change the order.

.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;
  }
}

The need to fuss with the margins will go away later this year once we drop IE11 support (because we can then build the layout with grid instead of flexbox).

8 Likes