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!
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!
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!