Flex와 Grid의 차이
플렉스와 그리드는 레이아웃을 잡을 때 많이 사용된다.
flex는 1차원으로 행, 열 영역 중 하나의 방향으로 레이아웃을 나눌 수 있고,
Grid는 2차원으로 행, 열 영역을 동시에 나눌 수 있다.
flex에 적합한 레이아웃은 아래의 이미지와 같다.
아래처럼 콘텐츠를 한 방향으로 정렬할 때 flex는 빛을 발한다.
반면 그리드는 아래처럼 좀 더 복잡한 레이아웃을 잡을 때 편리하다.
grid는 flex와 달리 열과 행을 함께 나눠야할 상황에 사용하면 좋다.
flex와 grid 중 어느 하나만을 고집해서 레이아웃을 잡기 보다는
각 상황에 알맞게 flex와 grid를 사용하는 것이 중요하다.
728x90