gameboard rendering for cards from card deck in store

This commit is contained in:
Mikayla Dobson
2022-04-16 11:52:52 -05:00
parent 0b16b3c963
commit 9389dafa6b
8 changed files with 320 additions and 22 deletions

View File

@@ -0,0 +1,37 @@
.card {
display: flex;
flex-direction: column;
border: 1px solid black;
width: 20vw;
height: 30vh;
}
.card-row {
display: inline-flex;
flex-direction: row;
justify-content: space-between;
padding: 0.7rem;
height: 50%;
}
.bottom-row {
align-items: flex-end;
}
.tier {
display: inline-block;
height: 2rem;
width: 2rem;
}
.tier-3 {
background-color: blue;
}
.tier-2 {
background-color: yellow;
}
.tier-1 {
background-color: green;
}

View File

@@ -0,0 +1,15 @@
.gameboard {
display: flex;
flex-direction: column;
}
.gameboard-title {
font-weight: bold;
}
.gameboard-row {
display: flex;
flex-flow: row wrap;
width: 90vw;
justify-content: center;
}