JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="2">
    <tbody><tr>
        <th class="name">Name</th>                            
        <th class="area">Area</th>                            
        </tr>
        <tr class="area">
            <td>Susy</td>                                              
            <td>${it.accepted}</td>                                      
        </tr></tbody>
</table>

CSS

.name{
    background-color: yellow;
    color:black;
}
.area{
    background-color: blue;
    color:black;
}