table th.team-name-col {
text-align:left;
}
.football-standings {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-family: Arial, sans-serif;
font-size: 14px;
}
.football-standings th, .football-standings td {
padding: 10px;
text-align: center;
vertical-align: middle;
}
.football-standings th {
background-color: #f4f4f4;
color: #333;
font-weight: bold;
border-bottom: 2px solid #007bff;
}
.football-standings tr:nth-child(even) {
background-color: #f9f9f9;
}
.football-standings td {
border-bottom: 1px solid #ddd;
}
.team-cell {
text-align: left;
}
.team-info {
display: flex;
align-items: center;
width: 25%;
}
.team-logo {
width: 24px;
height: 24px;
margin-right: 8px;
} @media (max-width: 768px) {
.football-standings th, .football-standings td {
padding: 6px;
font-size: 12px;
}
.team-logo {
width: 18px;
height: 18px;
} .football-standings {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.football-standings th, .football-standings td {
white-space: nowrap;
}
} @media (min-width: 1024px) {
.football-standings {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}