JSFiddle - React, Tailwind, and code Playground

HTML

<table id="style">
<tr>
<td class="yellow">a</td>
<td>b</td>
<td>c</td>
<td>d</td>
<td>e</td>
<td class="yellow">f</td>
<td>g</td>
</tr>
</table>

CSS

#style {
	border: 2px solid #CCC; font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    border-collapse:collapse; 
    transform: rotate(270deg);
    margin-top: 140px;
    width: 80px;
    position: relative;
 
} 

#style td {
	padding: 3px; 
	margin: 3px;
	border: 2px solid #ccc;
  text-align: center;
  height:22px;
	width: 22px;  
     transform: rotate(90deg);
			 
	
}

.yellow  {
 background-color:yellow;

}