JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr> 
            <td>First table data</td>  <td>Second table data</td>   <td>Third table data</td> 
            <td>Fourth table data</td> <td>Fifth table data</td>   <td>Sixth table data</td> 
        </tr>
    </tbody>
<table>

CSS

table {
    width:100%;
}

td {
    float: left;
    border:1px solid black;
    min-width: 33%;
}