flex와 grid에 대해서

Flex

flex는 기본 축은 가로축이다. 세로축으로 정렬해줄 수 있다. 그러나 1차원적 시스템으로 수직, 수평중 하나만 관리할 수 있다.

Grid

grid는 2차원적 시스템으로 수직, 수평 둘 다 관리 가능하다. 복잡한 레이아웃을 관리하기에 적합하다.

공통점

두 가지 모두 아이템을 감싸고 있는 부모태그에서 display를 통해 명시하고 자식태그에서 속성을 사용한다.