KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

autofill columns in highscore

Browse Source
This commit is contained in:
Adrian Thompson
2020-10-20 15:35:54 +02:00
parent 1f4f4c224e
commit 397c635551
1 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/ui/Highscore.vue
View File

@@ -68,19 +68,14 @@ ol {
} }
.winner-list-container { .winner-list-container {
width: 100%; display: grid;
display: flex; grid-template-columns: repeat(auto-fill, minmax(12.5em, 1fr));
justify-content: space-evenly; gap: 5%;
flex-wrap: wrap;
column-gap: 1em;
row-gap: 1em;
margin: 0;
// align-items: baseline;
.single-winner { .single-winner {
width: 12.5em; width: 12.5em;
background: $primary; background: $primary;
padding: 1em; padding: 1em 0 0 1em;
display: grid; display: grid;
grid-template: 1fr .3fr / 1fr 1fr 1fr; grid-template: 1fr .3fr / 1fr 1fr 1fr;
align-items: center; align-items: center;