Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Fiz de uma forma diferente e deu o mesmo resultado

Fiz usando grid-column e grid-row, deu certo também:

@media (min-width: 1440px){

    .categorias{
        display: grid;
        grid-template-columns: calc(50% - 0.75rem) ;
        grid-template-rows: auto 1fr auto;
        column-gap: 1.5rem;
        row-gap: 1rem;
    }

    .categorias__titulo{
        grid-column: 1/3;
        grid-row: 1/2;
    }

    .categorias__lista {
        grid-column: 1/2;
        grid-row: 2/4;
    }

    .categorias__destaques{
        grid-column: 2/3;
        grid-row: 2/3;
    }

    .categorias__imagem{
        grid-column: 2/3;
        grid-row: 3/4;

    }
}
1 resposta
solução!

Oi Leandro, tudo bem?

Muito obrigada por compartilhar com a gente a sua solução! Ficou super incrível :D

Parabéns por praticar. Espero que esteja gostando do curso.

Um abraço e bons estudos.