A propriedade "order" é uma propriedade do flex-item que permite alterar a ordem de exibição dos elementos filhos em relação uns aos outros no contêiner flex. Ela é aplicada a cada item individualmente e pode receber um valor numérico, positivo ou negativo, que representa a ordem de exibição do item.
Por exemplo, suponha que temos três elementos dentro de um contêiner flex: "A", "B" e "C". Se quisermos exibir "C" antes de "B" e "B" antes de "A", podemos aplicar a propriedade "order" ao elemento "C" e definir o valor como 1, o elemento "B" como 2 e o elemento "A" como 3. O código CSS seria algo como:
.flex-container { display: flex; }
.flex-item { width: 100px; height: 100px; }
.c { order: 1; background-color: red; }
.b { order: 2; background-color: yellow; }
.a { order: 3; background-color: blue; }
Dessa forma, o elemento "C" será exibido primeiro, seguido por "B" e, por fim, "A".
