JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<div class="box-wrapper">
    <div class="row">
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
    <div class="row">
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
</div>

CSS

.box-wrapper {
    display:box;
}
.row {
    display:-webkit-box;
    border:solid 1px lime;
}

.cell {
    -webkit-box-flex: 1;
    width:100px;
    height:50px;
}
.cell:first-child {
    background-color:red;
}
.cell:last-child {
    background-color:yellow;
}