Solução utilizando grid-template

Olá pessoal!!

Como esse capítulo falava de utilizas duas formas diferentes de se resolver :

a forma utilizada no banner (delimitando a área do grid)
a forma utilizada nos eventos (utilizando o grid template)

Eu decidi utilizar nesse exercício o formato utilizado nos eventos pois eu acho que encaixou melhor no resultado apresentado no Figma

/* Agenda */

.agenda__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: 
    "item item"
    "informacoes atracao";
}

.agenda__item img {
    grid-area: item;
}

.agenda__item .agenda__informacoes {
    grid-area: informacoes;
}

.agenda__item .agenda__atracao {
    grid-area: atracao;
}

Valeu pessoal!!!