JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    
</head>
<body>


<div class="table">
  <div class="table-cell col-1">short</div>
  <div class="table-cell col-2">loooooong</div>
  <div class="table-cell col-3">Veeeeeeery loooooong</div>
</div>



</body>
</html>

CSS

.table {
  display: table;
  width: 100%;
}

.table-cell {
  display: table-cell;
  max-width: 0px;
  border: 1px solid gray;
}

.col-1{
   width:20px; 
}