Posicionando o conteúdo de itens de grade no contêiner primário (recurso de sub-grade)

Todos os guias sobre grade CSS parecem implicar uma estrutura em que os elementos posicionados em uma grade são filhos da própria grade.

<div class="wrapper">
  <div>A</div>
  <div>B</div>
</div>

Onde.wrapper temdisplay: grid e uma definição das propriedades da grade.

Faz algum sentido se eu quiser posicionar um elemento que é um "neto" da grade, na própria grade (em vez de confiar em seu pai?)

<div class="wrapper">
  <div>A</div>
  <div>
    <div>B</div>
    <div>C</div>
  </div>
</div>

Aqui, eu quero poder colocar A, B e C cada um em sua própria linha da grade; isso faria sentido?

questionAnswers(1)

yourAnswerToTheQuestion