@aljo222
В процессе обучения веб-разработке

Как соблюдать сетку grid при динамической подгрузке контента?

Здравствуйте!
Есть разметка, в которой каждый 5ый элемент занимает две строки и два столбца.
Ранее подугрзки не было, теперь пришлось ее сделать, а в гридах я не силен, так как всегда использовал flex.
Набросал пример, подскажите пожалуйста, как переписать в CSS стили, чтобы при подугрзке каждый 5-ый элемент не накладывался друг на друга?

Правильно ли я понимаю, что просто нужно у item-big указать:
.item.item-big {
  grid-column: span 2;
  grid-row: span 2;
}

  • Вопрос задан
  • 58 просмотров
Решения вопроса 1
@aljo222 Автор вопроса
В процессе обучения веб-разработке
Добавил
.item.item-big {
  grid-column: span 2;
  grid-row: span 2;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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