JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td rowspan="3"><div class="sideways">O2 Matchday</div></td>
  </tr>
  <tr>
    <td>My O2 for Windows</td>
  </tr>
  <tr>
    <td colspan="2">Blipdrop</td>
    <td>My O2 for business</td>
  </tr>
  
</table>

CSS

table {border-collapse:collapse;}
 td span {display:block;}
.sideways {
width: 10px;
word-wrap: break-word;
margin: 0 10px;
}
/*put specifics here*/
table tr:nth-of-type(1) td:nth-of-type(1) {background-color:tomato;}
table tr:nth-of-type(1) td:nth-of-type(2) {background-color:red;}
table tr:nth-of-type(1) td:nth-of-type(3) {background-color:chocolate;}
table tr:nth-of-type(1) td:nth-of-type(4) {background-color:black;}
table tr:nth-of-type(1) td:nth-of-type(5) {background-color:grey;}