Basic scoreboard framework added along with basic CSS to place cards in correct arrangement (using flex)

This commit is contained in:
Lucas Patenaude
2024-04-03 14:58:32 -06:00
parent 97c827a7b4
commit 227bde2178
3 changed files with 33 additions and 0 deletions

View File

@@ -0,0 +1,16 @@
.league-container {
display: flex;
justify-content: flex-start; /* Align cards to the left */
border: 1px solid rgb(206, 202, 202);
}
/* Styling for each card representing a live game */
#game-card {
border: 1px solid #ccc;
padding: 20px; /* Increase padding to increase the apparent height */
margin: 10px 10px;
min-height: 100px; /* Set a minimum height for the cards */
box-sizing: border-box; /* Include padding and border in the element's total width and height */
}