Solucionado
Consegui da seguinte forma:
.agenda__lista {
display: flex;
flex-wrap: wrap;
column-gap: 1.5rem;
row-gap: 1rem;
justify-content: center;
}
.agenda__item {
display: flex;
flex-wrap: wrap;
}
.agenda__informacoes {
width: 50%;
padding: 1rem;
}
.agenda__atracao {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
# }
Oi Rodrigo, tudo bem?
Primeiramente, parabéns por conseguir utilizar o flex de forma adequada em seu código! É uma ótima prática utilizar as propriedades do flexbox para criar layouts flexíveis e responsivos.
E muito obrigada por compartilhar com a gente o seu código, assim pode ajudar outras pessoas que estejam com dificuldades na hora de realizar esse desafio.
Um abraço e bons estudos.