Linjenavne 6 / 6

.box-1 og .box-2b er placeret på kolonnelinje nummer 3 i hovedgrid’et. Tællemåden i subgrid’et er asynkron med hovedgrid’et, fordi .box-2b’s parent spænder fra kolonnelinje 2 / -1. For at omgå dette og skabe en ensartet reference, kan vi navngive linjerne. Dette gøres ved at sætte navnet i kantede parenteser, f.eks. [a] 1fr [b] 1fr, i grid-template-columns-definitionen (første linje har nu navnet a osv.).

Navngiv kolonnelinjerne [a], [b], [c], [d], [e] og ændr værdien af grid-column for både .box-1 og .box-2b til c.

Hints
  • grid-template-columns
  • [a] 1fr [b] 1fr [c]
Har du brug for hjælp? Lær mere om linjenavne
.box-1
.box-2b