JSFiddle - React, Tailwind, and code Playground

by maxcal

HTML

<table>
    <caption>My Table</caption>
    <thead>
       <td>Saturday</td>
       <td>Sunday</td>
    </thead>
    <tbody>
      <tr><td>11:00am</td><td>11:00am</td></tr>
      <tr><td>12:00pm</td><td>12:00pm</td></tr>
      <tr><td>1:00pm</td><td>1:00pm</td></tr>
      <tr><td>2:00pm</td><td></td></tr>
    </tbody>
</table>

CSS

body {
    
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}

td {    
    padding: 0.2em 0.4em;
}

thead {
    background-color: #ADC2D6;
}

thead td { border-color: #ADC2D6 }

tbody tr:nth-child(odd) {
    background-color: #E6F5FA
}