From what I see you created grid like that:
but you want to have layout like:
So you reserved area r2-2 for no use…
Your grid definition should be:
layout:
grid-template-columns: 920px 420px
grid-template-rows: 65px 65px 65px 65px 65px 65px 65px 65px 65px 65px 65px
grid-template-areas: |
"r1-1 r1-1"
"r2-1 r2-3"
"r2-1 r3-3"
"r2-1 r4-3"
"r2-1 r5-3"
"r2-1 r6-3"
"r2-1 r7-3"
"r2-1 r8-3"
"r2-1 r9-3"
"r2-1 r10-3"
"r2-1 r11-3"
"r2-1 r12-3"
BTW, do you really need so many rows? from screenshot on the other post it looks that you have only 3 cards in the second row (the very first one is empty, at least on screenshot). So I’d do this:this way:
layout:
grid-template-columns: 920px 420px
grid-template-rows: 65px 130px 65px 65px 130px
grid-template-areas: |
"r1-1 r1-1"
"r2-1 r2-2"
"r3-1 r2-2"
"r3-1 r3-2"
"r4-1 r3-2"
Which should give you following grid:
