NikMaster777
@NikMaster777

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

Как в 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;
}
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
Как в css grid добавлять ряды автоматически?

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы