Para esse exercício, criei um grid-template-areas e com ele, organizei o posicionamento de cada um dos elementos, ocupando 2 colunas e 3 linhas.
@media (min-width: 1440px) {
.categorias {
display: grid;
row-gap: 1rem;
column-gap: 1.5rem;
grid-template-areas:
"titulo titulo"
"categorias destaques-header"
"categorias destaques";
}
.categorias__titulo {
grid-area: titulo;
}
.categorias__lista {
grid-area: categorias;
}
.categorias__destaques {
grid-area: destaques-header;
}
.categorias__imagem {
grid-area: destaques;
}
}
