

Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
A criação de layouts complexos em CSS pode envolver o uso de Grid Layout, que fornece uma maneira mais robusta e eficiente de criar layouts de duas dimensões em comparação com Flexbox. Com Grid, é possível definir linhas e colunas com precisão, bem como posicionar elementos em áreas específicas da grade. Dado o seguinte código HTML e CSS:
HTML:

CSS:

O que acontece com o item C no layout de grid?
O item C se sobrepõe ao item B.
O item C fica fora da área visível do contêiner.
O item C é exibido na segunda linha, ocupando as colunas 2 e 3.
O item C é movido para a primeira linha, ocupando a terceira coluna.
O item C não é exibido porque está fora dos limites definidos pela grade.