Resolvi da seguinte forma:
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem 1rem;
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Resolvi da seguinte forma:
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem 1rem;
}
Olá Juliano, tudo bem?
Obrigado por compartilhar sua solução conosco! Essa é uma ótima maneira de utilizar o Grid em seu projeto.
Continue praticando!
Um abraço e bons estudos.
Obrigado Lorena pelo feedback