table{width:100%;border-collapse:collapse;margin:20px 0;font-size:18px;text-align:left}th,td{padding:12px;border:1px solid #ddd}th{background-color:#dff0f6;color:#333}tr:nth-child(even){background-color:#f9f9f9}tr:nth-child(odd){background-color:#fff}@media screen and (max-width:600px){table,thead,tbody,th,td,tr{display:block}thead tr{display:none}tr{margin-bottom:15px}td{text-align:right;padding-left:50%;position:relative}td::before{content:attr(data-label);position:absolute;left:10px;width:calc(50% - 10px);padding-right:10px;white-space:nowrap;text-align:left}}