1
resposta

[Dúvida] O resultado ficou um pouco diferente

Na seção categorias para desktop a imagem fica cortada e nas seções de eventos e agenda o layout fica quebrado

O código da seção categorias:

@media (min-width: 1440px) {
    .categorias {
        display: grid;
        grid-template-areas: 
            "titulo titulo"
            "lista destaque"
            "lista imagem";
        row-gap: 1rem;
        column-gap: 1.5rem;
        grid-template-columns: calc(50% - 0.75rem);
        grid-template-rows: auto 1fr auto;
    }

    .categorias__titulo {
        grid-area: titulo;
    }

    .categorias__lista {
        grid-area: lista;
    }

    .categorias__destaques {
        grid-area: destaque;
    }

    .categorias__imagem {
        grid-area: imagem;
    }
1 resposta

manda o código completo