fix: resize game boxes and space out (#32)
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user