JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<input id="meeting" type="date" value="2011-01-13"/><br/><br/>

<div class="post">
    <div class="tableTitle">
         <div class="col">Website ID</div>
<div class="col">Website Name </div>
        <div class="col">Website order </div>
    </div>
<div class="table-row">
         <div class="col">1</div>
     <div class="col">StatsMonkey</div>
    <div class="col">StatsMonkey</div>
    </div>
<div class="table-row">
         <div class="col">2</div>
     <div class="col">HiBiHi</div>
    <div class="col">StatsMonkey</div>
    </div>
 
<div class="table-row">
         <div class="col">3</div>
     <div class="col">Cricruns</div>
    <div class="col">StatsMonkey</div>
    </div>
<div class="table-row">
         <div class="col">4</div>
     <div class="col">Findheight</div>
    <div class="col">StatsMonkey</div>
    </div>
<div class="table-row">
         <div class="col">5</div>
     <div class="col">TimeZoneGuide</div>
    <div class="col">StatsMonkey</div>
    </div>
</div>

CSS

.post{float:left;padding: 2px 2px 3px 2px;width:100%;}
.post .tableTitle{float:left;padding: 0;width:100%;}
.post .tableTitle .col{float:left;padding: 2px 2% 3px 2%;box-sizing: border-box;background:red;width:33.3%;}
.table-row{  float: left;
    padding: 0;
    width: 100%;}
.table-row .col{background:green;float: left;width: 33.3%;border-bottom:1px solid #fff;color:#fff;padding:1% 2% 1% 2%;box-sizing: border-box;border-right:1px solid #fff;}
.table-row .col:last-child{border-right:none;}