.grid-container {
display: grid; grid-template-columns: repeat (3, 1fr); gap: 0.5rem 1rem;
}
Aproveitei para modificar o códico utilizando o repeat.
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
.grid-container {
display: grid; grid-template-columns: repeat (3, 1fr); gap: 0.5rem 1rem;
}
Aproveitei para modificar o códico utilizando o repeat.
Oi, Letícia, tudo bem ?
Muito obrigado por compartilhar a resposta para esse desafio com a comunidade do fórum. tenho certeza que vai ajudar todos os alunos e alunos que estão estudando este conteúdo.
Continue se dedicando em seus estudos para desenvolver novas habilidades e aprimorar seus conhecimentos e caso tenha dúvidas, estarei à disposição para te ajudar.
Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!
Sucesso
Um grande abraço e até mais!