Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida sobre comportamento do grid na Aula 3 - Atividade 5

Na atividade presente neste link https://cursos.alura.com.br/course/posicione-elementos-com-flexbox/task/22252, entendi que o correto seria que as divs se alinhassem deste modo:

---
---
---
--

Mas no meu caso elas sempre se alinham da seguinte forma:

-----------

Qual comportamento é o correto?

2 respostas
solução!

Oi Rafael,

Seguindo o código que está na atividade o seu caso está certo.

Por padrão o flex deixa todo mundo numa linha só. Para falar pro container flex permitir várias linhas, o css deveria ser assim:

.grid {
  display: flex;
  flex-wrap: wrap;
}

Aqui tem mais infos sobre essa propriedade flex-wrap:

https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap

Inclusive, arrumei a atividade lá =)