[SuperZen]

<style>
  body,
  html {
    height: 100%;
    padding: 0;
    margin: 0;
  }

  /* это не работает */
  .a {
    display: grid;
    grid-auto-flow: row;
  }

  .c {
    display: grid;
    /* place-self: center stretch; */
    justify-self: stretch;
    align-self: stretch;
  }

  /* это работает */
  /* .a {
    height: 100%;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
  } */
</style>

<div class="a">
  <div class="b">b</div>
  <div class="c">c</div>
  <div class="d">d</div>
</div>

1) как растянуть класс .c, чтобы он был как для этого правила?

<style>
.someclass { 
  grid-template-rows: max-content 1fr max-content;
}
</style>

соответственно для grid-auto-flow: row

2) обязательно-ли указывать height: 100%, или это можно как-то по другому записать, margin: auto какой-нибудь...?