JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    
            <div>First table data</div>  <div>Second table data</div>   <div>Third table data</div> 
            <div>Fourth table data</div> <div>Fifth table data</div>   <div>Sixth table data</div> 
        </div>
</div>

CSS

.parent {
width: 100%;
float:left;
}

.parent > div {
    min-width: 33%;
    float: left;
    border: 1px solid black;
}