gird는 행과 열이 있는 레이아웃 시스템을 제공한다. 1차원 레이아웃을 지원하는 flex와 다르게 좀 더 복잡한 레이아웃을 위해 grid를 사용할 수 있다.

Grid Properties

gird는 flex와 같이 Container와 Item이라는 두가지 개념으로 구분되어 있는데 Container는 Item을 감싸는 부모 요소이며 그 안에 Item을 배치 할 수 있다.

Grid Container Properties

Container를 위한 속성은 아래와 같다.

Grid Item Properties

Item을 위한 속성들은 아래와 같다.

display Grid를 배워보자