The grid-area Property

You can use the grid-area property to specify where to place an item.

The syntax is:

grid-row-start / grid-column-start / grid-row-end / grid-column-end.

Item8 will start on row-line 1 and column-line 2, and end on row-line 5 column-line 6:

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

This page is optimized for screens less than 801px wide.