Desafio da agenda

O código para a resolução do desafio para deixar o layout como foi proposto está errado ou incompleto. Da forma que foi exposta não resolve o problema. Só consegui resolver porque li outro tópico aqui, e vi o da Lorrayne, que disse que conseguiu usando grid. Inicialmente quando eu vi o desafio eu pensei que o melhor caminho seria o grid, mas não tava conseguindo resolver. Passei horas e não consegui, então busquei o LinkedIn da Lorrayne para ver se ela tinha colocado o código, e pra minha felicidade sim, ela usou as propriedades "grid-template-areas" e "grid-area". Ainda não conhecia elas, então pesquisei sobre e consegui entender.

Segue o código dessa parte abaixo:

.agenda__item {
    display: grid;
    grid-template-areas:  
    "imagem imagem"
    "data atracao";
}

.agenda__item img {
    grid-area: imagem;
}

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

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