1
resposta

Duvida

O flex-direction: column-reverse trás os elementos de baixo para cima, não entendi muito bem

1 resposta

Olá Anderson

Quando usamos flex-direction: column-reverse, os elementos dentro do contêiner flexível são dispostos em uma coluna, mas na ordem inversa. Ou seja, o primeiro elemento do HTML será exibido por último na coluna, e o último elemento do HTML será exibido primeiro, como nessa imagem:

A imagem mostra uma representação visual das propriedades do CSS flexbox, especificamente a propriedade ‘flex-direction’. Existem duas colunas, cada uma com três caixas numeradas (1, 2, 3) e uma seta indicando a direção do fluxo dos itens.

Observe que o reverse, além de posicionar como coluna, ele vai inverter os elementos do último para o primeiro.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!