fix: resize game boxes and space out

This commit is contained in:
2024-02-19 19:10:56 -05:00
parent 0d3921e7cf
commit 1fb7673aa4

View File

@@ -22,11 +22,12 @@ h1 {
background-color: #333; /* Dark background color for game boxes */ background-color: #333; /* Dark background color for game boxes */
border-radius: 12px; /* Rounded corners */ border-radius: 12px; /* Rounded corners */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
padding: 20px; padding: 1%;
margin-bottom: 20px; margin-bottom: 1%;
margin-left: 20px; margin-top: 1%;
margin-right: 20px; margin-left: 1.4%;
width: 300px; margin-right: 1.4%;
width: 15.2%;
position: relative; /* Position relative for absolute positioning */ position: relative; /* Position relative for absolute positioning */
} }
@@ -215,7 +216,11 @@ h1 {
.game-box { .game-box {
width: 90%; /* Adjust width for better fit on smaller screens */ width: 90%; /* Adjust width for better fit on smaller screens */
margin: 10px; /* Adjust margins */ margin-left: 1.5%;
margin-right: 1.5%;
margin-top: 2.5%;
margin-bottom: 2.5%;
padding: 4%;
} }
.team-info { .team-info {