グリッドで区切られた領域のデフォルトの高さと横幅を指定します。

<length>

10rem など長さの単位で指定します。

<percentage>

30% などパーセントで指定します。

<flex>

1fr などのフレックス値を指定します。

min-content

内包するコンテンツの最小サイズを意味します。

max-content

内包するコンテンツの最大サイズを意味します。

minmax(min, max)

min 以上 max 以下の範囲で自動調整します。

fit-content(length)

内包するコンテンツのサイズが小さければそのサイズで、大きければ最大 length のサイズにします。

auto

サイズを自動調整します。

.grid-container {
  display: grid;
  grid-auto-rows: 2rem;
  grid-auto-columns: 4rem;
  grid-template-areas: "a a a";
}
.grid-item {
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
}

<div class="grid-container">
  <div class="grid-item">A</div>
  <div class="grid-item">B</div>
  <div class="grid-item">C</div>
  <div class="grid-item">D</div>
  <div class="grid-item">E</div>
  <div class="grid-item">F</div>
</div>

• grid
• grid-template
• grid-template-rows
• grid-template-columns
• grid-template-areas
• grid-auto-flow
• grid-row
• grid-column
• grid-row-start
• grid-row-end
• grid-column-start
• grid-column-end
• grid-area

• https://drafts.csswg.org/css-grid/#propdef-grid-auto-rows
• https://developer.mozilla.org/ja/docs/Web/CSS/grid-auto-rows
• https://caniuse.com/#search=grid-auto-rows