Suggest an editImprove this articleRefine the answer for “What does subgrid do? How does subgrid differ from nested grid containers?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`subgrid`** is a value for `grid-template-columns`/`grid-template-rows` that lets a nested element use its parent's grid instead of creating its own, inheriting the parent's lines. **Key point:** subgrid is needed for consistent alignment of elements across different nesting levels, without manually adjusting and duplicating track sizes.Shown above the full answer for quick recall.Answer (EN)Image`subgrid` is a value for `grid-template-columns` or `grid-template-rows` that lets a nested element use its parent's grid instead of creating its own. It "inherits" the parent grid's lines and aligns child elements to those same lines. **The difference from a regular nested Grid container:** | Option | How it works | |---|---| | **Nested Grid container** | A *new grid* is created inside, unrelated to the parent's. Lines and tracks do not automatically line up. | | `subgrid` | The child element uses the *same grid* as the parent: shared lines, shared column/row rhythm. | **The main point:** `subgrid` is needed when you need consistent alignment of elements across different nesting levels, without manually adjusting and duplicating track sizes.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.