Как в грид добавлять ряды автоматически?

Question

[Nik Master]

Как в css grid добавлять ряды автоматически? Например: У меня сейчас сетка из 3-х колонок и 2-х рядов (добавляются через повторитель в ACF). Скорее всего будет добавляться ещё ряд или два. Я прописал в css 3 ряда, но так как сейчас заполнены только 2, то ниже пустое место под третий ряд. Как сделать чтобы место под третий ряд добавилось с заполнением? Вроде понятно написал.)

.services_section {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1vw;
}

Comments

[ZB Venom]

Вы можете grid-template-rows: 1fr 1fr 1fr; вообще не прописывать, если строки одного размера

[Nik Master]

ZB Venom, Что-то не подумал об этом. Видимо нужно спать ложиться. Ночь сижу с кодом.)) Спасибо.
Напишите свой комент ответом, я помечу как "ответ на вопрос".

Answer 1

[Рома Зварич]

Как в css grid добавлять ряды автоматически?

В CSS Grid ряды и так добавляются автоматически, если количество ячеек превышает количество столбцов.
Вы можете задать желаемый размет для этих "неявных" (implicit) треков с помощью свойства `grid-auto-rows`

P.S. Думаю, к вопросу следует добавить тег "CSS Grid", а не только "CSS"

Answer 2

[Steppp]

grid-auto-rows: auto;