그리드 레이아웃

그리드 레이아웃

Flex와 비슷하지만 차이점이 있다.

• Flex는 한 뱡향으로만 설정가능한 레이아웃 시스템이고 (1차원)

• Grid는 두 뱡향(가로/세로)으로 설정가능한 레이아웃 시스템이다. (2차원)

• css 레이아웃 끝판왕(아직까지는)

그리드 축(axis)

• 가로축 : Inline Axis / Row Axis

• 세로축 : Block Axis / Column Axis

그리드의 주 축

그리드의 교차 축

참고

• 그리드의 박스 정렬

• 그리드 축