JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="column">Column 1.</div>
    <div class="column">Column 2 is a bit longer.</div>
    <div class="column">Column 3 is longer with lots of text in it.</div>
</div>

CSS

.container {
  display: table;
}
.column {
  display: table-cell; /* Make all these the same height*/
  width: 100px;
    
  /* Just to make the cell sizes easier to spot */
  border: 1px solid gray;
}