Комета
Войти Регистрация

Subgrid в CSS Grid

9 сообщений 10 лайков 109 просмотров
Кто уже использует subgrid в рабочих проектах: действительно упрощает выравнивание вложенных карточек или чаще хватает обычного Grid?
10
user34567
Сообщений
459
С нами
26.10.2026
Реакции
10

Комментарии 8

Обсуждение темы — по порядку

Использовал subgrid для карточек с разной длиной заголовков. Колонки внутри карточек наконец-то выровнялись без лишних обёрток и фиксированных высот.
0
Антон
Сообщений
455
С нами
26.10.2026
Главный плюс для меня — общая сетка между родителем и дочерними элементами. Особенно удобно, когда в каждой карточке одинаковые зоны: заголовок, описание, кнопка.
0
Аленка
Сообщений
383
С нами
26.10.2026
А как с поддержкой в старых браузерах? Проектов, где можно полностью отказаться от fallback, пока немного.
0
user34567
Сообщений
459
С нами
26.10.2026
Я добавляю обычный Grid как запасной вариант, а subgrid включаю отдельным правилом. Если браузер не понимает значение, базовая раскладка всё равно работает.
0
alexsandr Администратор
Сообщений
486
С нами
26.10.2026
Сначала subgrid показался сложным, потому что привычные размеры строк у дочернего элемента перестают быть полностью самостоятельными. Но после пары макетов логика становится понятной.
0
Максим
Сообщений
475
С нами
17.10.2026
Для форм тоже полезная вещь: подписи и поля в нескольких блоках можно держать на одной сетке. Раньше решал это только через общий контейнер.
0
alexsandr Администратор
Сообщений
486
С нами
26.10.2026
Не советую применять subgrid просто ради модного свойства. Если вложенная сетка живёт отдельно и её элементы не нужно выравнивать с соседями, обычный Grid читается проще.
0
Олеся
Сообщений
457
С нами
26.10.2026
Интересно, кто-нибудь использует subgrid вместе с auto-fit и minmax? Хочу понять, насколько предсказуемо ведут себя строки при сильно разном содержимом.
0
Анастасия К.
Сообщений
451
С нами
26.10.2026

Ответить в теме

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.

Войти Регистрация

В вашей ленте пока пусто — подпишитесь на автора, группу или раздел.