Specifications

.responsive-table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
.responsive-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
.responsive-table tr:nth-child(odd) {
background-color: #F2F2F2;
}
.responsive-table tr:nth-child(even) {
background-color: #E6E6E6;
}
.responsive-table tr:hover {
background-color: #DDDDDD;
}
@media screen and (max-width: 600px) {
.responsive-table td {
box-sizing: border-box;
display: block;
width: 100%;
text-align: left;
padding: 10px;
}
.responsive-table tr:nth-child(odd) td {
background-color: #F2F2F2;
}
.responsive-table tr:nth-child(even) td {
background-color: #E6E6E6;
}
.responsive-table tr:hover td {
background-color: #DDDDDD;
}
}