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/
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!