minmax()

minmax() は CSS の関数で、寸法の範囲を min 以上、 max 以下で定義し、CSS グリッドで使用する

<div class="wrapper">
  <div>One</div>
  <div>Two
    <p class="size">ここに溢れるくらいの量のテキストを与えてやる。
    これによって、高さは引き延ばされて 100 ピクセルよりも高くなる。<br><br>
    grid-auto-rows: 
    minmax(100px, auto);</p>
  </div>
  <div>Three
  </div>
  <div>Four</div>
  <div>Five</div>
</div>

.wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(100px, auto);
  background-color: rgba(255, 255, 255, 1);
  color: #fff;
  gap: 5px;
}
.wrapper > div {
  background-color: rgba(70, 130, 180, 0.6);
  padding: 16px;
}