Para que serve cada uma dessas propriedades?
.destaques__categorias___lista {
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: space-between;
}
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
Para que serve cada uma dessas propriedades?
.destaques__categorias___lista {
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: space-between;
}
Oi Lucas tudo bem ?
display: flex -> define um container flex inline ou block dependendo do que você precisa. Todos os filhos do container vão estar no contexto flex
flex-wrap: wrap -> Os itens flex por padrão tentam caber em uma linha, essa propriedade permite que os itens "pulem para a próxima linha" sem ficar amontoados.
height: 100% -> determina a altura da área do conteúdo de um elemento, no caso 100% da altura.
justify-content: space-between -> Os items são igualmente distribuídos na linha
O curso utiliza flex-box, caso queria conhecer mais sobre, temos um curso:
https://www.alura.com.br/curso-online-posicione-elementos-com-flexbox
Bons Estudos