JSFiddle - React, Tailwind, and code Playground

HTML

<table>
         <tr>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
             <td></td>
         </tr>
     </table>

CSS

html,body{
margin:0;
padding:0;
height:100%;
}

table{
width:100%;
height:100%;
border-collapse:collapse;
}

td{
height:100%;
border:1px solid #000;
}

td:nth-child(odd){
background:blue;
width:200px;
}