Dev Tools · 2h ago
CSS subgrid fixes card alignment without JavaScript
CSS subgrid lets grid items inherit parent row tracks, solving the common problem of misaligned card footers. By applying grid-template-rows: subgrid to a card spanning multiple rows, its children align with siblings across the grid. This eliminates the need for JavaScript or fixed heights to keep buttons on the same horizontal line.
Meridian48 take
A practical CSS feature that reduces layout complexity, but browser support remains incomplete, so developers should check compatibility before adopting.
Read the full reporting
Your CSS Grid cards look misaligned. `subgrid` is the fix you didn't know existed. →
DEV Community
css-subgridweb-development