1
resposta

Resolução do desafio

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi, Guilherme! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

O destaque do seu desafio está na forma como você utilizou o **flexbox** com **justify-content: space-between** para distribuir os quadros igualmente. Isso ajuda bastante na organização visual dos elementos e é uma ótima prática em layout responsivo.

Uma dica interessante para o futuro é usar gap para definir o espaçamento entre os itens, em vez de depender apenas do space-between. Veja este exemplo:


.quadros__container {
  display: flex;
  gap: 20px;
}

O código acima aplica um espaçamento fixo de 20px entre os itens, o que dá mais controle visual.

Parabéns pelo excelente trabalho!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!