Olá, no vídeo o instrutor usa em .eventos o atributo flex-wrap com o valor nowrap, explicando que isso causará a quebra de linha.
Porém, esse é o comportamento inverso, conforme a referência: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá, no vídeo o instrutor usa em .eventos o atributo flex-wrap com o valor nowrap, explicando que isso causará a quebra de linha.
Porém, esse é o comportamento inverso, conforme a referência: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Salve, Samuel!
É isso mesmo, o que a gente quer ali!
Fui rever o vídeo e eu até falo que a gente quer fazer "um flex wrap", mas quando fui usar o auto-complete do VSCode, acabei pegando o nowrap.
O código final fica assim:
.eventos {
display: flex;
gap: 24px;
flex-wrap: wrap;
}
Obrigado pelo feedback!