@VegasChickiChicki

Как уменьшить размер grid контейнера, если контента меньше чем задано в grid свойстве?

У нас есть ситуация, когда мы имеем 2 блока, списка, грид сетка задана таким образом:
display: grid;
grid-template-rows: repeat(12, minmax(auto, 20px));
grid-column-gap: 100px;
grid-row-gap: 12px;
grid-auto-flow: column;


Проблема в том что если в контейнере будет 6 блоков, останется пустое пространство, я помогаю из-за грид сетки, 12 строк по 20px. Как можно убрать это пространство, если блоков меньше чем 12?
  • Вопрос задан
  • 243 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
ну может стоит использовать grid-auto-rows: 20px; вместо grid-template-rows?
Ответ написан
Ваш ответ на вопрос

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

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