Comments and styling added to league page. More debugging and optimization needed. Table and top scorers are no longer aligned at larger widths
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
#league-page-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100v;
|
||||
width: 100vh;
|
||||
}
|
||||
|
||||
#league-information-container {
|
||||
@@ -72,14 +72,10 @@
|
||||
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
@media (max-width: 1161px) {
|
||||
#league-stats-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#league-table-and-information-container,
|
||||
#top-scorers-container {
|
||||
width: 100%; /* Both containers take full width */
|
||||
@media (max-width: 950px) {
|
||||
#league-stats-containers {
|
||||
flex-direction: column; /* Change flex direction to column */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user