дравствуйте! В этом уроке в продолжении темы Верстка на grid рассмотрим как в гридах можно менять направление и порядок расположения элементов. А именно свойства grid-auto-flow и order.
Свойство grid-auto-flow
В грид-контейнере всегда все элементы располагаются горизонтально то есть в ряд, а как тоько места в контейнере больше нет, то элементы переносятся соответственно на следующую строку. А вот с помощью свойства grid-auto-flow можно изменить направление элементов. Собственно свойство принимает 2 значения:
row: это значение по умолчанию, элементы могут располагаться горизонтально, а как только места уже не будет хватать будут переноситься на следующую строку
column: элементы будут располагаться вертикально друг под другом, а как только места в столбце не будет хватать, то элементы будут переноситься на следующий столбец Читать далее