Какие существуют способы задания автоматических рядов и колонок в CSS Grid?

Несколько способов задания автоматических рядов и колонок в CSS Grid:

• Свойства grid-auto-columns и grid-auto-rows. doka.guide Они позволяют управлять размерами автоматических рядов и колонок. doka.guide Если элементов внутри грид-контейнера больше, чем может поместиться в заданные явно ряды и колонки, то для них создаются неявные ряды и колонки. doka.guide
• Свойство grid-auto-flow. hmarketing.ru doka.guide Оно указывает, каким образом автоматически размещаемые элементы должны выстраиваться — в ряд или в колонку. hmarketing.ru doka.guide Возможные значения свойства: row (по умолчанию) — автоматически размещаемые элементы выстраиваются в ряды, column — в колонки, dense — браузер старается заполнить пустые ячейки в разметке, если размеры элементов позволяют. hmarketing.ru doka.guide
• Функция repeat(). hmarketing.ru thecode.media Её используют, если нужны одинаковые колонки или ряды. hmarketing.ru Первый параметр функции представляет число повторений, второй — определение строк или столбцов. hmarketing.ru
• Свойство grid-area. thecode.media Оно позволяет одновременно задать начальные и конечные грид-линии для колонок и строк, а ещё использовать именованные области, созданные с помощью grid-template-areas. thecode.media