그리드 아이템 (1) 썸네일형 리스트형 [CSS] 5-2. CSS GRID ( 2차원 레이아웃 ) CSS GRID 란?CSS Grid는 2차원 레이아웃을 구축하기 위한 CSS 속성 집합입니다.CSS Grid의 주요 아이디어는 컨테이너 요소를 행과 열로 나누어 자식 요소로 채울 수 있게 하는 것입니다.2차원 컨텍스트에서 CSS Grid를 사용하면 덜 중첩된 HTML과 더 읽기 쉬운 CSS를 작성할 수 있습니다.CSS Grid는 flexbox를 대체하기 위한 것이 아닙니다.1차원 레이아웃은 flexbox, 2차원 레이아웃은 CSS Grid를 사용하면 됩니다. Flex 와 마찬가지로 부모 태그가 container (바탕화면 또는 바닥) 역할을 하고자식 태그들이 items 가 되어 gird 안에 배치되게 됩니다.container 와 items 들은 각기 다른 속성들을 가지고 있습니다. 1. Grid 컨.. 이전 1 다음
