JSFiddle - React, Tailwind, and code Playground

by Love Trivedi

HTML

<div class="table">
                        <div class="row" style="height:20px">
                            <div class="column" style="width:10;"></div>
                            <div class="column" style="width:20;"></div>
                            <div class="column" style="width:5%;"></div>
                            <div class="column" style="width:50%;"></div>
                        </div>
                    </div>

CSS

.table{
    width:100%;
    display:table;
}
.table .row{
    display:table-row;
}
.table .row .column{
    display:table-cell;
    border:1px solid #ccc;
}