I figured out what the real problem is with the scores on desktop.
The way the responsive code works is that things from the right slide under things on the left as the screen width reduces.
For instance, this:
Becomes this:
The problem with the first version isn't necessarily the width, it's the information that you have to weed through to compare scores.
The second is better because you can see (Logo) Team (i)(i)(i) Score (i)=icon
But this one might work the best where the icons are below the team name and the scores are directly across from the team name.
The way the responsive code works is that things from the right slide under things on the left as the screen width reduces.
For instance, this:
Becomes this:
The problem with the first version isn't necessarily the width, it's the information that you have to weed through to compare scores.
The second is better because you can see (Logo) Team (i)(i)(i) Score (i)=icon
But this one might work the best where the icons are below the team name and the scores are directly across from the team name.
Comment