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?