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 */
border-radius: 12px; /* Rounded corners */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
padding: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
width: 300px;
padding: 1%;
margin-bottom: 1%;
margin-top: 1%;
margin-left: 1.4%;
margin-right: 1.4%;
width: 15.2%;
position: relative; /* Position relative for absolute positioning */
}
@@ -215,7 +216,11 @@ h1 {
.game-box {
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 {