JSFiddle - React, Tailwind, and code Playground

HTML

<table>
 <thead>
    <th class='a1'>Date</th>
    <th class='a2'>Start Time</th>
    <th class='a3'>End Time </th>
    <th class='a4'>Location</th>
</thead>
  <tbody>
    <td class='a1'>Date</td>
    <td class='a2'>Start Time</td>
    <td class='a3'>End Time </td>
    <td class='a4'>Location</td>
</tbody>
</table>

CSS

table {width:550px;}
.a1 {width:60px; background-color:green;}
.a2 {width:90px; background-color:blue;}
.a3 {width:90px; background-color:red;}
.a4 {width:100px; background-color:yellow;}