table {
background:#666;
border-collapse:collapse;
width:100%;
}
th {
color:white;
}
th, td {
text-align:center;
padding:5px;
border-right:1px solid black;
}
th:last-child, td:last-child {
border-right:0;
}
tbody tr:nth-child(odd) {
background:#ccc;
}
tbody tr:nth-child(even) {
background:#aaa;
}
@media screen and (max-width:800px) {
table {
display:flex;
}
thead {
width:20%;
min-width:90px;
}
tbody {
flex:1;
}
tr {
display:flex;
flex-direction:column;
}
th, td {