Achei outra solução. Apesar de ser mais longa e trabalhosa, usei para ajudar a fixar o grid-template-area e entender bem as posições:
.agenda__item {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto repeat(2, 1fr);
grid-template-areas:
"imagem imagem"
"mes mes"
"dia dia"
"horario horario"
"nome botao"
;
}
.agenda__item img {
grid-area: imagem;
}
.agenda__item h3 {
grid-area: mes;
}
.agenda__item h4 {
grid-area: dia;
}
.agenda__item h5 {
grid-area: horario;
}
.agenda__item h6 {
grid-area: nome;
}
.agenda__item button {
grid: botao;
}Acabei chegando no mesmo resultado :)
