subgrids

Nested grid portions

Subgrids are smaller grids nested within a larger grid.

In CSS, a subgrid allows a child element to inherit its parent's grid tracks rather than defining its own, keeping nested content aligned with the outer layout: The card component uses subgrid to align its header with the page columns.

In puzzles like Sudoku, the nine 3×3 boxes are subgrids of the main 9×9 grid.

layout

partition

Barrier separating spaces

zones · areas · divisions · subsections · portions · tiles · cells · panels · blocks · regions

css

flexbox

CSS layout module

tracks · gaps · alignment · span · columns · rows · breakpoint · minmax

sudoku

nonet

Nine-part musical group

  • boxLidded storage container
  • cellBasic unit of life
  • blockSolid mass, or impede

row · column · constraint · candidate · elimination · solving · puzzle · nine · region · house

Opposites
hierarchical structure

subgridssupergrid

Large-scale electricity transmission network

Family

subgrid

Familiarity
Top 1,000,000
Profile
Used worldwide · Timeless · Concrete · Rated G