JSFiddle - React, Tailwind, and code Playground

by Itay

HTML

<div class="container">
    <div class="item">Some text to make the cell bigger</div>
    <div class="item"></div>
    <div class="item"></div>
</div>
<div class="container">
    <div class="item">Some text to make the cell bigger</div>
    <div class="item"></div>
    <button class="item"></button>
</div>

CSS

.container {
    margin: 10px;
    border: 5px solid blue;
    display: table;
    table-layout: fixed;
    width: 300px;
}
.item {
    border: 3px solid red;
    display: table-cell;
    background: transparent;
}