CSS Property:
grid-template-areas:
none
'myArea myArea .'
'myArea myArea . .'
'myArea myArea . . .'
'myArea myArea .' 'myArea myArea .'
'myArea myArea . .' 'myArea myArea . .'
'. . .' '. myArea myArea'
Result:
1
2
3
4
5
6
CSS Code:
#myDIV {
display: grid;
grid-template-areas:
none
;
}
.item1 {
grid-area: myArea;
}
Click the property values above to see the result
W3Schools.com
- Play it