열의 갯수와 크기 지정
grid-template-columns
- 반복 지정
- grid-template-columns: repeat(열 개수, 크기)
행의 갯수와 크기 지정
grid-template-rows
선 번호로 영역 지정
grid-column, grid-row
ex) grid-column: 1/4 => 선 1번부터 4번 영역까지 차지
이름으로 영역 지정
grid-template-areas
grid간 공간 띄우기
.wrapper {
gap: 10px;
}