w3docs logo

CSS Property:

grid-template-areas

Result:

1
2
3
4
5
6
7

CSS Code:

#myDiv {
                
display: grid;
grid-gap: 10px;
background-color: #86C2DE;
padding: 10px;
                
}
Click the property values above to see the result
W3Docs.com-Play it
Do you find this helpful?