grid1 [Web] CSS 레이아웃 - Grid, Flex 차이 및 기본 개념 CSS 레이아웃 - Grid, Flex 차이 및 기본 개념 레이아웃으로 Flex, Grid가 가장 많이 사용된다고 한다. Flex와 Grid가 대충 어떤 느낌인지 알기 위해 작성한 글이다. Flex : 한 방향 레이아웃 시스템 (1차원) Flex는 1차원으로 수평, 수직 영역 중 하나의 방향으로만 레이아웃을 나눌 수 있고, Grid : 두 방향(가로-세로) 레이아웃 시스템 (2차원) Grid는 2차원으로 수평, 수직을 동시에 레이아웃을 나눌 수 있다. Flex : 한 방향 레이아웃 시스템 (1차원) 부모 요소인 div.container를 Flex Container(플렉스 컨테이너) 자식 요소인 div.item들을 Flex Item(플렉스 아이템) Flex 컨테이너 안(태그 안)에 있는 item들의 방향들.. 2022. 8. 18. 이전 1 다음
