Mastodawn

Christopher 3d ago

MDN Web Docs

CSS subgrid solves the hardest grid alignment problems 🏗️

Child elements can participate in the parent grid — aligning across components without hacks.

grid-template-columns: subgrid;
grid-template-rows: subgrid;

Baseline 2023 ✅

Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid

Subgrid - CSS | MDN

The CSS grid layout module includes a subgrid value for grid-template-columns and grid-template-rows. This guide details what subgrid does and gives some use cases and design patterns that the feature solves.

MDN Web Docs