.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]
