CSS Property:

grid-template-areas

none
"item item ."
"item item item . ."
"item item item item"
"item item ." "item item ."
". . ." ". item item"
"item item . ." "item item . ."

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

Finden Sie das nützlich?