grid-template-areas:
"a1 a1 a1 a1"
"a2 a3 a3 a4"
"a2 a5 a5 a4"
"a6 a6 a6 a6";

a1
a2
a3
a4
a5
a6

grid-template-areas:
"a1 a1 a1 a1"
"a2 a3 a3 a3"
"a5 a5 a5 a4"
"a6 a6 a6 a6";

a1
a2
a3
a4
a5
a6

grid-template-areas:
"a6 a6 a6 a6"
"a1 a2 . a5"
"a3 a3 a4 a4"
"a3 a3 a4 a4";

a1
a2
a3
a4
a5
a6

4*4-es rácsszerkezet

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16