CSS Grid permite colocar elementos de uma página em linhas e colunas. É como uma bandeja com divisórias: cada item ocupa um espaço escolhido e a disposição pode se adaptar à tela.
Uma galeria pode mostrar três cartões lado a lado em uma tela larga e menos em um celular estreito. O Grid permite descrever linhas e colunas sem posicionar cada cartão manualmente.
Use-o quando o layout precisar de duas direções ao mesmo tempo. Para uma linha simples de botões ou uma pilha vertical, uma disposição mais básica pode ser mais fácil de gerenciar.