Задать вопрос
@Rocknrolla99
Some text
css

Как сделать аналогию на Гридах?

Подскажите пожалуйста есть Пример как сделать аналогчное поведение на гридах ?

То есть на флексах сейчас поведение такое - дочерние эл-ты врапера расположены в один ряд и те что не умещаются падают на вторую строчку расширяя родителя по высоте.
  • Вопрос задан
  • 80 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
hisbvdis
@hisbvdis
Вместо grid-template-rows: 100px; нужно указать для Grid свойство grid-auto-rows: 100px;

Результат:
https://codepen.io/hisbvdis/pen/wvwQYRd?editors=1100

5d84d4bad11e8729494095.png
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сканер коэффициентов в букмекерских конторах
20 апр. 2024, в 08:39
100000 руб./за проект
Доработать бота
20 апр. 2024, в 08:24
1500 руб./за проект
Разработать интранет сайт (корпоративный портал)
20 апр. 2024, в 07:24
100000 руб./за проект
Ещё заказы