The grid-area Property

You can use the grid-area property to name grid items.

You can refer to the name when you set up the grid layout, by using the grid-template-areas property on the grid container.

Item1, is called "myArea" and will take up the place of two columns (out of five), and will span two rows:

1
2
3
4
5
6
7

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