Boa tarde! Realizei o desafio proposto, porém utilizei outro código, gostaria de verificar se desta forma também estaria correto Segue:
.agenda__item{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto 1fr;
grid-template-areas:
"imagem imagem"
"mes nome"
"data botao"
"hora botao"
;
}
.agenda__item img{
grid-column: 1/3;
grid-area: imagem;
}
.agenda__item h3{
grid-area: mes;
}
.agenda__item h4{
grid-area: data;
}
.agenda__item h5{
grid-area: hora;
}
.agenda__item button{
grid-area: botao;
}