Всем привет. как ограничить количество элементов грид сетки? пишу grid-template-columns:

Question

Всем привет. как ограничить количество элементов грид сетки? пишу grid-template-columns:

repeat(2, minmax(290px, 1fr));

и происходит то, что на фотографии (не влезают при адаптиве).

если напишу с auto-fill, то их становится слишком много, а должно быть максимум 2.

#frontend #programming #russian

0

09.09.2023

5 ответов

6 просмотров

Daniil Romin Автор вопроса

LZD
обжект фит попробуйте

точно, спасибо

0

8 месяцев назад

Evgeniy Beskrovnyy

У новичков есть одно свойство, как правило, они непонятно формулируют вопрос, а понятно сформулированный вопрос, это уже минимум 50% ответа самому себе, а в некоторых случаях, и все 99%, ведь метод утенка не зря описан в программировании ;) Я, например, совершенно не понимаю что вам нужно сделать, а вы ниже уже что-то на основе этого объяснения себе придумали, и что-то мне подсказывает, что это что-то не очень жизнеспособно. Можно подробнее и визуально на макете объяснить, что вы пытаетесь сделать?

0

8 месяцев назад

Daniil Romin Автор вопроса

Evgeniy Beskrovnyy
У новичков есть одно свойство, как правило, они не...

https://codepen.io/danilromin/pen/vYvxerX При ширине экрана 570 вторая колонка уходит вниз, но первая не заполняет все пространство (а должна). Если указать grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); То колонок при большой ширине становится 3, а их должно быть максимум 2 Если короче, то надо сделать так, чтобы когда колонки достигают минимально разрешенной ширины, то они переходили на следующую строку и занимали 1fr. Я понимаю, как сделать это медиа-запросом, но возможно ли без него?

0

8 месяцев назад

Evgen

Evgeniy Beskrovnyy
У новичков есть одно свойство, как правило, они не...

> Не люблю уменьшительно-ласкательные формы своего имени. Как я Вас понимаю…

0

8 месяцев назад

LZD · Accepted Answer

LZD

обжект фит попробуйте

0

8 месяцев назад

169 похожих чатов

Всем привет. как ограничить количество элементов грид сетки? пишу grid-template-columns:

5 ответов

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