DZHAMBULAT-SAMOUCHKA
@DZHAMBULAT-SAMOUCHKA
Frontend разработчик

Как растянуть элементы grid не влезающие в колонки на оставшуюся ширину?

У меня есть 4 ячейки и они расположены в одном ряду
66314596b0d55335261445.png

Мне нужно добиться вот такого эффекта, чтобы ячейки занимали автоматически оставшуюся ширину строки

1
663145c7e4adc149755761.png

2
663145ce93e85264744130.png

С картинкой 2 все понятно, но с картинкой 1 при написании grid-template-columns: reapeat(3, 1fr) 4 ячейка не занимает оставшуюся ширину и получается это
66314623584e6311854591.png

Как добиться этого эффекта с учетом того что у меня могут быть n количество слайдов в строке и если ячейки не помещаются то они занимали оставшуюся ширину на следующем столбце строки
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы