CSS Subgrid: выравнивание карточек в сетке каталога
Когда дочерняя сетка наследует дорожки родителя и заголовки карточек встают в одну линию.
`grid-template-columns: subgrid` позволяет вложенной карточке участвовать в колонках родительского grid — цены и CTA выравниваются по одной базовой линии.
Альтернатива — flex + `min-height` на блоках, но subgrid чище для витрин с переменной длиной заголовка.
- subgrid — MDN — Синтаксис и примеры.
- CSS Subgrid — web.dev — Паттерны карточек.
Fallback
При отсутствии subgrid используйте `@supports (grid-template-columns: subgrid)` и запасной flex-layout.
Не вкладывайте subgrid глубже двух уровней — отладка в DevTools усложняется.