Почему flex блоки в хаотически выстраиваются?

Question

[Сергей Константинов]

Не пойму почему блоки li выстраиваются в хаотическом порядке, а не в том в котором в DOM в реальности расположены. У ul прописано просто flex, space-between. В итоге когда сортируешь по цене допустим по возрастанию или убыванию, то сортировка не работает

Answer 1

[ⓒⓢⓢ]

Почему flex блоки в хаотически выстраиваются?

потому что для некоторых карточек присваиваются классы ".first" и ".last"
В этих классах содержатся стили для сортировки flex элементов (order)