Grid 속성

.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번 로우에서 시작 ~)