Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

order não funciona

Não entendi o porque de ter que colocar o order para todos os elementos.

Eu estava ficando maluco e não conseguia resolver e aí olhei a resposta... Havia colocado somente:

.trabalhos li:first-child{
    order: 2;
}

Com isso, o primeiro elemento vai para a última posição da lista. Se o browser já sabe que aquilo lá é uma lista de flexbox, ele não deveria saber qual posição colocar? Ou seja, no meio dos outros dois elementos?

A sensação que eu tive é que elementos que não possuem um "order" definido são prioritários com relação àqueles que possuem. É isso mesmo?

1 resposta
solução!

Bom dia, Thiago! Tudo bom?

É isso mesmo! É como se ele tirasse os elementos com order do fluxo normal, então os que deixamos sem order, permanecem no fluxo inicial e na ordem em que pertencem e, depois desses elementos, são colocados os com o order. Então, se quisermos reordenar todos, precisamos colocar o order em cada um dos elementos.

Abraços