Flexbo sayssubgrid lets a nested grid align to its parent’s tracks instead of defining its own.
Normally a nested grid has independent tracks, so child cards don't line up. grid-template-columns: subgrid (or rows) makes the nested grid inherit the parent's track lines, so inner content aligns perfectly across cards — solving the "ragged card" problem.
Power-ups you unlock
subgrid inherits the parent grid’s tracks
Aligns nested content across siblings
Use on grid-template-columns or -rows
Fixes ragged, misaligned card internals
The Float Phantom attacks — common mistakes
Expecting old browsers to support subgrid
Using subgrid where a single grid would do
Forgetting the child must be display:grid
Boss battleMake two cards whose titles and footers align by using subgrid for their rows.