Как изменить порядок элементов в этом списке?

Question

[Дмитрий]

Как изменить порядок элементов списка как в скриншоте? учитывая что элементов может быть больше, соответственно свойства order не подойдёт.

По дефолту они идут слева направа, а надо сверху вниз.

Answer 1

[Антон Литвиненко]

если я правильно наванговал то
https://stackoverflow.com/questions/14745297/how-t...

Answer 2

[xdevelx]

Если именно css grid нужен, то используйте grid-auto-flow

https://codepen.io/xdevelx/pen/VwQExKp


Но в данном случае будет указываться количество строк, а не столбцов. Если нужно фиксированное количество столбцов, то используйте css columns https://webref.ru/css/columns

https://codepen.io/xdevelx/pen/YzeJLar