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: 1px solid white;
  border-collapse: collapse;
}

table {
  width: 60%;
}

td {
  width: auto;
  text-align: center;
}

th {
  background-color: #F7ABAD;
  color: white;
  text-transform: uppercase;
}

.impares {
  background-color: #FDEADC;
}

.pares {
  background-color: white;
}