table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}.table-container{width:100%;overflow-x:auto}@media screen and (max-width:600px){table,thead,tbody,th,td,tr{display:block;width:100%}th{display:none}td{display:block;text-align:center;position:relative;padding-left:50%;white-space:normal;word-wrap:break-word}td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:8px;font-weight:bold;text-align:left}}