JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap"><span style="border: 1px solid red;">
          Ячейка1
</span>
<span style="border: 1px solid green">
          Ячейка2
</span>
<span style="border: 1px solid purple;">
          Ячейка3
</span>
<div>

CSS

.wrap{
display: table;
width: 100%;
}
span{
display: table-cell;
}