.grid-container
grid-template-areas
550
none|
'myArea myArea .'|
'myArea myArea . .'|
'myArea myArea . . .'|
'myArea myArea .' 'myArea myArea .'|
'myArea myArea . .' 'myArea myArea . .'|
'. . .' '. myArea myArea'
CSS grid-template-areas
Demo of the different values of the grid-template-areas property.
To stop the demo, click one of the possible values.
Play more with the code in our Tryit yourself editor:
Try it Yourself ❯