JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container">
  <div>Some Text Online</div>
  <div>This longtext wrapsline</div>
    <div>Short 1</div>
      <div>Short 2</div>
  <div>Normal</div>
</div>

</body>
</html>

CSS

.flex-container {
  display: flex;
  align-items: stretch;
  width: 650px;
  background-color: #f1f1f1;
}

.flex-container > div {
  background-color: DodgerBlue;
  color: white;
  flex-grow: 1;
  margin: 10px;
  line-height: 75px;
  font-size: 23px;
}