JSFiddle - React, Tailwind, and code Playground

by Ansel Santosa

HTML

<div class="table">
    <div class="cell">
        <div class="sub"></div>
        <div class="sub"></div>
    </div>
    <div class="cell"></div>
</div>

CSS

.table {
    display: table;
    width: 200px;
}

.cell {
    background: #000;
    display: table-cell;
    width: 100px
}

.cell:last-child {
    background: #999;
}

.sub {
    background: #F00;
    height: 20px;
}

.sub:last-child {
    background: #0F0;
}