Есть сетка и нумерованный список ol, как можно сделать так чтобы порядок чисел в сетке изменился с горизонтального на вертикальный?

Question

[Raym0NT]

Есть сетка:

Это нумерованный список ol, который выводит свой номер. Сетка сделана с помощью grid-template-column: repeat(3,1fr)
Необходимо сделать так:


Как это можно сделать используя css grid?
(Рисунки конечно не очень, но не суть. Заранее спасибо)

Answer 1

[Вадим]

ol {
  display: grid;
  grid-template-columns: repeat(3, 50px);
  grid-template-rows: repeat(3, 50px);
  grid-auto-flow: column;
}

Answer 2

[RAX7]