➥
컬럼 항목들이 행과 열로 정렬되는 2차원 다단컬럼은 Grid 레이아웃으로 간단히 작성할 수 있다.
그리드 컨테이너에 설정되는 grid-template-columns 및 grid-template-rows 속성은
컬럼이 행과 열을 따라 분산되는 방식을 정의한다:
다단컬럼 2차원 행/열 레이아웃: Grid
컬럼 항목들이 행과 열로 정렬되는 2차원 다단컬럼은 Grid 레이아웃으로 간단히 작성할 수 있다:
display: grid;
* cf)
그리드 컨테이너에 설정되는 grid-template-columns 및 grid-template-rows
속성은 컬럼이 행과 열을 따라 분산되는 방식을 정의한다
.Multicol-Grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 20px;
}