CSS Layout

크게 flex와 grid로 나뉜다.
flex: 1차원(main 방향이 정해지고 그걸기준으로 배치)
grid: 2차원(좀더 정교하게)

grid 기본

1. flex와 마찬가지로 display: grid 라고 부모 컨테이너에 알려줘야 한다.

• 설정시 컨테이너 내 자식요소들은 gird cell이 된다.

2. 컨테이너에서 설정하는 요소

3. grid cell에서 설정하는 요소