body { font-family: Arial, sans-serif; margin: 20px; background-color: #f4f4f4; } .table-container { max-width: 600px; margin: auto; overflow-x: auto; background: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } table { width: 100%; border-collapse: collapse; } th, td { padding: 12px; text-align: right; border-bottom: 1px solid #ddd; } th { background-color: #4CAF50; color: white; } tr:nth-child(even) { background-color: #f2f2f2; } @media screen and (max-width: 600px) { th, td { font-size: 14px; } }