Para que serve cada uma dessas propriedades?
.destaques__categorias___lista {
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: space-between;
}
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