Sorunun nedeni, ebeveyn (parent) öğenin display: block özelliğine sahip olmasıdır. Görselde görüldüğü gibi, CSS denetleyicisi şu uyarıyı veriyor:
"The display: block property on the parent element prevents order from having an effect."
(Bu, ebeveyn öğenin display: block özelliğinin, order özelliğinin etkili olmasını engellediği anlamına gelir.)

Çözüm:

Ebeveyn öğenin display özelliğini aşağıdaki seçeneklerden biriyle değiştirmelisin:

• display: flex;
• display: grid;

Bu değişiklik, order özelliğinin çalışmasını sağlar. Eğer ebeveyn öğede display: block özelliğini zorunlu olarak kullanıyorsan, yapıyı gözden geçirip uygun bir esnek (flex) veya grid konteyner ile değiştirmelisin.