Atenção aos detalhes - Desafio: Grid da seção de categorias

Compartilhando... Inicialmente cheguei a esta solução:

.categorias {
    display: grid;
    grid-template-columns: calc(50% - 0.75rem);
    grid-template-rows: auto;
    grid-template-areas:
    'titulo titulo'
    'lista   destaques'
    'lista   imagem';
    column-gap: 1.5rem;
    row-gap: 1rem;
}

.categorias__titulo {
    grid-area: titulo;
    grid-column: 1/3;
} 
.categorias__lista {
    grid-area: lista;
}	
.categorias__destaques {
    grid-area: destaques;
}
.categorias__imagem {
    grid-area: imagem;
}

Porém, quando fui verificar a opinião do instrutor, percebi o espaço vazio na 3a.linha/2a.coluna. Aí, corrigi:

    grid-template-rows: auto 1fr auto;