JSFiddle - React, Tailwind, and code Playground

by sourcecodezone

HTML

<div class="row">
    <div class="col">Div</div>
    <div class="col">Div</div>
    <div class="col">Div</div>
    <div class="col">Div</div>
</div>
<div class="row">
    <div class="col">Div</div>
    <div class="col">Div</div>
    <div class="col">Div</div>
    <div class="col">Div</div>
</div>
<div class="row">
    <div class="col">Div</div>
    <div class="col">Div</div>
    <div class="col">Div</div>
    <div class="col">Div</div>
</div>

CSS

.row
{
    display: table;
    width: 100%; /*Optional*/
    border-spacing: 5px; /*Optional*/
}
.col
{
    display: table-cell;
    text-align:center;/*Optional*/
    line-height:100px;/*Optional*/
    height:100px;/*Optional*/
    background-color: green; /*Optional*/
}