Перестроение списков при изменении ширины браузера

Изучаю grid. Увидел свойство grid-auto-flow. Напомнило оно мне о моей извечной проблеме. 

Есть список 1...9
Нужно чтоб на широком экране он выглядел
1 3 5 7 9
2 4 6 8

а при сужении экрана список сам должен перестраиваться :
1 4 7
2 5 8
3 6 9

До сих пор я эту проблему решал с помощью медиа-запросов, но как-то это громоздко выглядит...
Чуйка мне подсказывает что такая перестройка как-то должна элегантно решаться с помощью гридов, но не могу подобрать нужную комбинацию свойств. Может кто-нить подсказать?