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
Fiz de uma forma diferente, creio que seja a forma com menor linhas de codigo para solucionar o problema.
.categorias {
display: grid;
gap: 1rem 1.5rem;
grid-template-rows: auto 1fr;
grid-template-columns: calc(50% - 0.75rem);
}
.categorias__titulo {
grid-column: 1/3;
}
.categorias__lista {
grid-area: 2/1/4/2;
}
.categorias__destaque {
grid-area: 2/2/3/3;
}
Oi Richard, tudo bem?
Muito obrigada por compartilhar com a gente a sua solução encontrada!
Parabéns por praticar, é super importante para consolidar o seu conhecimento.
Um abraço e bons estudos.