JSFiddle - React, Tailwind, and code Playground

by locally

HTML

<div class='table'>
    <div class='cell'>
        <div>short
        </div>
    </div>
    <div class='cell'>long jhdjhdhehjdehdhejehfh hdejhefh efj ejhj jhef jhefjhejh hfjhefjhefjhj fddfddfdfdffd df dfdf fd fd df dfdf fd fd fddf fd fd fd jhjeh jef jehjhjefh jh jeh ejh jehe ejrejhfjjgedgj</div>
    <div class='cell'>medium ejdhjd djh hd jhdjh d jh3jdh dj fdjh</div>
</div>

CSS

.table {
    display: table;
}
.cell {
    display: table-cell;
    width: 30%;
    border: 1px solid grey;
}
.cell div {
    border: 1px solid red;
    height: 100%;
    overflow hidden;
}