JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<table>
    <tr>
        <th>Nombre</th>
        <th>Apellido</th>
        <th>Edad</th>
    </tr>
    <tr class="impares">
        <td>Blanca</td>
        <td>Balzola</td>
        <td>33</td>
    </tr>
    <tr class="pares">
        <td>Ree</td>
        <td>Drummond</td>
        <td>47</td>
    </tr>
    <tr class="impares">
        <td>Lauren</td>
        <td>Conrad</td>
        <td>30</td>
    </tr>    
    <tr class="pares">
        <td>Martha</td>
        <td>Stewart</td>
        <td>74</td>
    </tr>    
</table>

CSS

body {
  font-family: "Open Sans";
  font-size: 14px;
  color: #787878;
}

table, td, th {
  border-collapse: collapse;
}

table {
  width: 60%;
}

td {
  text-align: center;
  border-bottom: 1px solid #FFC8C1;
  height: 25px;
  vertical-align: bottom;
  padding-bottom: 3px;
}

th {
  background-color: #FFC8C1;
  color: white;
}