HAVERIA ALGUM PROBLEMA EM SUBSTITUIR O TRECHO
.quadros__container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}POR
.quadros__container {
display: flex;
flex-wrap: column-wrap;
}?
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!
Solucionado
HAVERIA ALGUM PROBLEMA EM SUBSTITUIR O TRECHO
.quadros__container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}POR
.quadros__container {
display: flex;
flex-wrap: column-wrap;
}?
Olá Juliano! Sim, há um problema em substituir o código original por .quadros__container { display: flex; flex-wrap: column-wrap; }.
Isso ocorre porque column-wrap não é uma propriedade CSS válida. As opções disponíveis para flex-wrap são: nowrap, wrap e wrap-reverse.
Além disso, a propriedade flex-direction define a direção principal do flex container, que pode ser row (padrão) ou column. A opção flex-wrap define como os elementos serão organizados na direção secundária do container (ou seja, quando não há mais espaço suficiente na direção principal).
Portanto, o código original .quadros__container { display: flex; flex-direction: column; flex-wrap: wrap; } está correto e deve ser mantido.
Bons estudos.
Obrigado Maycon
disponha qual quer coisa pode falar, Bons estudos.