Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Desafio usando o flex

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;
# }
1 resposta
solução!

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.