Passei bastante tempo tentando resolver o problema proposto pelo instrutor, porém não consegui de nenhuma forma, então apelei para o código ja pronto para comparar com o meu e ver no que estava errando, e pra minha surpresa, o código está igual, porém o problema ainda persiste!
Até copiei o código do instrutor pra ter a certeza que estava completamente igual, porém o comportamento dos itens continua errado.
A div '.agenda__atracao' continua sem estar ao lado da div '.agenda__informacoes' dentro dos li da lista. A solução que encontrei foi colocar o li da lista como um flexbox e depois aplicar o wrap para que a imagem fique em cima e as demais informações em baixo. Porém, mesmo assim, ainda têm itens que, por não caberem dentro do li em uma mesma linha acabam sendo quebrados também. Acredito que a solução seria parar essa quebra de linha no momento em que ela chega nessas infos, porém não faço ideia de como se faça isso e também não achei na net...
