.item1 {
grid-area: 2 / 1 / span 2 / span 3;
}
이 grid-area 속성은 grid 레이아웃에서 그리드 항목의 크기와 위치를 지정하여 다음 속성에 대한 속기 속성입니다.
현재 IE16 버전 이상에서만 지원하는 속성입니다.
grid-area속성은 또한 그리드 항목에 이름을 할당할 수 있습니다. 그런 다음 명명 된 그리드 항목은 grid-template-areas 속성에 의해 참조 될 수 있습니다.
grid-area: grid-row-start / grid-column-start / grid-row-end / grid-column-end | itemname;