CSS Grid é uma ferramenta poderosa para criar layouts bidimensionais na web. Diferente do Flexbox, que trabalha em uma dimensão, o Grid permite controlar linhas e colunas simultaneamente.

Para começar, basta definir display: grid no container e configurar as colunas e linhas desejadas.

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

O exemplo acima cria um grid com três colunas de tamanhos iguais e um espaçamento de 1.5rem entre os itens.