Tables

Pos Club Club Pl W D L GD Pts
1 Arsenal FC ARS 0 0 0 0 0 0
2 Aston Villa AVL 0 0 0 0 0 0
3 BOU 0 0 0 0 0 0
4 BRE 0 0 0 0 0 0
5 BHA 0 0 0 0 0 0
6 CHE 0 0 0 0 0 0
7 CRY 0 0 0 0 0 0
8 EVE 0 0 0 0 0 0
9 FUL 0 0 0 0 0 0
10 IPS 0 0 0 0 0 0
11 LEI 0 0 0 0 0 0
12 LIV 0 0 0 0 0 0
13 MCI 0 0 0 0 0 0
14 MUN 0 0 0 0 0 0
15 NEW 0 0 0 0 0 0
16 NFO 0 0 0 0 0 0
17 SOU 0 0 0 0 0 0
18 TOT 0 0 0 0 0 0
19 WHU 0 0 0 0 0 0
20 WOL 0 0 0 0 0 0
__________________________________________________________________________________________________________________________________________________________________________________________ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #3c175c; } .navbar { background-color: #fff; padding: 10px 20px; border-bottom: 2px solid #3c175c; } .navbar-brand img { height: 50px; } .navbar-nav { margin-left: auto; display: flex; gap: 20px; } .nav-item { list-style: none; } .nav-link { padding: 10px 20px; background-color: #3c175c; color: #fff; border-radius: 5px; text-decoration: none; font-weight: bold; text-align: center; border: 2px solid transparent; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .nav-link:hover { background-color: #fff; color: #3c175c; border: 2px solid #3c175c; } #logo { margin-right: auto; } header{ background-color: #fff; border-radius: 5px; margin: 20px 30px 10px 30px; } header h1{ text-align: center; color: #3c175c; font-family: Arial, sans-serif; font-weight: bold; } section#table { background-color: #fff; border-radius: 5px; margin: 20px 30px 10px 30px; padding: 15px; } table { width: 100%; border-collapse: collapse; table-layout: auto; /* Ensure table adjusts based on content */ } th { color: #3c175c; font-weight: bold; text-align: center; padding: 10px; border-bottom: 2px solid #ddd; } td { padding: 10px; border-bottom: 1px solid #ddd; color: #333; text-align: center; } td#full,th#full{ visibility: hidden; } #club-logo { height: 20px; padding-right: 5px; } tr:hover { background-color: #f1f1f1; } td::before{ content: attr(data-fullname); display: none } @media (max-width: 600px) { th { display: none; } td { display: block; width: 100%; box-sizing: border-box; text-align: center; padding-left: 0; position: relative; padding: 10px 0; } td::before { content: attr(data-label); font-weight: bold; display: inline-block; width: 50%; text-align: left; padding-right: 10px; box-sizing: border-box; } tr { margin-bottom: 15px; display: block; border-bottom: 2px solid #ddd; } td:not(:first-child) { border-top: 1px solid #ddd; } } @media (min-width: 1200px) { td::before { content: attr(data-fullname); display: inline; } td { visibility: hidden; } td#full, th#full{ visibility: visible; } td::before { visibility: visible; display: block; visibility: visible; } th::before{ content: attr(data-fullname); display: inline; } th{ visibility: hidden; } th::before { visibility: visible; display: block; visibility: visible; } }