CSS Subgrid Alignment

Align nested grid items to parent grid using CSS subgrid for consistent column alignment across complex layouts.

.parent {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 1rem;
}

.child {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
}

Report a problem with this exampleOpens a pre-filled issue on GitHub.