Please note, this is a STATIC archive of website www.w3schools.com from 05 May 2020, cach3.com does not collect or store any user information, there is no "phishing" involved.
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