Solucionado
Eu resolvi de outro jeito, tem algum problema?
.agenda__item{
display: grid;
grid-template-areas:
"imagem imagem"
"data1 descricao"
"data2 vazio"
"data3 botao";
}
.agenda__item img{
grid-area: imagem;
}
.agenda__item h3{
grid-area: data1;
}
.agenda__item h4{
grid-area: data2;
}
.agenda__item h5{
grid-area: data3;
}
.agenda__item h6{
grid-area: descricao;
}
.agenda__item button{
grid-area: botao;
}
Oi, Pedro, tudo bem?
Não tem nenhum problema, há várias formas de ajustar os elementos no layout da página. Parabéns pela sua resolução e por compartilhar seu código com os demais colegas, tenho certeza que vai ajudar bastante as pessoas que estão realizando este desafio.
Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum. Abraços!