JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid-root">
  <div>短い文字列</div>
  <div>長い文字列あいうえお</div>
  <div>長い文字列あいうえお</div>
  <div>二行の<br>文字列</div>
</div>

SCSS

.grid-root {
  display: grid;
  grid-template-columns: fit-content(100%) fit-content(100%);
  > div {
    border: solid 1px;
  }
}