.class{
display : grid;
}
grid-template-columns : 200px 200px 200px (너비 200px 칼럼 3개 지정)
grid-template-row : 100px (줄 높이 100px)
grid-template-columns: repeat(3, 1fr) {개수, 길이} (너비가 같은 칼럼 3개)
grid-template-rows: minmax(100px, auto) {최소, 최대} (줄 높이 최소 100px)
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | auto-fill
grid-gap: 20px 30px (줄 간격, 칼럼 간격)
grid-area: box1; (박스 이름 지정)
grid-template-areas: (박스 위치 지정, 빈 공간엔 .)
"box1 box1 box1"
"box2 box3 box3"
"box2 . box4"
grid-column: 1/3 (1번~3번 컬럼)
grid-row: 2/4 (2번~4번 로우)
grid-column-start: 3 (3번 컬럼에서 시작 ~)
grid-row-start: 3 (3번 로우에서 시작 ~)