Subgrid alignment 2 / 6

Lav to kolonner af ens bredde og to rækker af auto. Lav derefter .box til en grid-container, og lad den arve række-definitionerne fra .container ved at anvende grid-template-rows: subgrid.

Lad hver boks (.box) spænde over begge rækker vha. grid-row.

OBS! Fordi vi implicit indstiller to rækker i .box vha. grid-row, kan du fjerne grid-template-rows fra .container og stadig få samme resultat.

Hints
  • grid-template-rows
  • grid-row
  • subgrid
Har du brug for hjælp? Lær mere om alignment

Heading

Nested, parent, child, grid-template-areas, grid-template-rows.

Heading
new line

Subgrid is awesome.