JSFiddle - React, Tailwind, and code Playground
HTML
<table class="left" border="1" width="100%">
<tr>
<th><div class="hor">Internet Explorer</div></th>
<td><div class="hor">6.0</div></td>
<td><div class="hor">Нет</div></td>
<td><div class="hor">3000</div></td>
</tr>
<tr>
<th><div class="hor">Браузер</div></th>
<td><div class="hor">5.5</div></td>
<td><div class="hor">Да</div></td>
<td><div class="hor">3000</div></td>
</tr>
</table>
CSS
@media (max-width: 500px) {
.left {
transform: rotate(90deg);
}
.hor {
transform: rotate(-90deg);
}
table {height: 100%; width: 100%}
}}