Ladder cards

You can add make a secondary active card by adding the following class name:.is-active.
Active cards have a glow around them and their card status text color and animation is affected.

CompetitivePartaking

Competitive Ladder

5k - 30k

Time Left:23H19M13S

Points

1120

Position

#243

Waiting for your 3 matches...

View Ladder

You can add make a secondary inactive card by adding the following class name:.is-inactive.
Inactive cards have dimmed down image and their card status text color is affected.

CompetitiveFinished

Competitive Ladder

5k - 30k

This competition has ended

423 players are partaking

View Ladder

You can make a secondary Ladder card horizontal by adding the following class name:.card-horizontal.

CompetitiveOngoing

Competitive Ladder

5k - 30k

Time Left:23H19M13S

423 players are partaking

View Ladder

You can make a secondary Ladder card horizontal based on the screen size using the following class name:.{xx}:card-horizontal.
{xx} can be xs, sm, md, lg, xl.

CompetitiveOngoing

Competitive Ladder

5k - 30k

Time Left:23H19M13S

423 players are partaking

View Ladder