JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <table width="90%" height=50px border="1" bgcolor="#2ecc71" cellspacing="15" cellpadding="8" >
    <tr>
      <td align="center" bgcolor="#27ae60"><font color="white">Hallo</font></td>
      <td align="center" bgcolor="#27ae60"><font color="white">Semua</font></td>
      <td align="center" bgcolor="#27ae60"><font color="white">Om Aji Laper Loh</font></td>
    </tr>
    <tr valign="top">
        <td align="center" height="70px" bgcolor="#e74c3c"><font color="white">Coba ada</font></td>
        <td align="center"   bgcolor="#e74c3c"><font color="white">Yang Bawain</font></td>
        <td align="center"   bgcolor="#e74c3c"><font color="white">Siomay depan kampus gitu</font></td>
    </tr>
        <tr valign="bottom">
        <td align="center" height="70px" bgcolor="#3498db"><font color="white">Atau boleh juga</font></td>
        <td align="center"   bgcolor="#3498db"><font color="white">Bantuin Om aji</font></td>
        <td align="center"  bgcolor="#3498db"><font color="white">KKP</font></td>
    </tr>
  </table>
</body>