grid cell (1) 썸네일형 리스트형 [CSS] Grid layout - 1. 용어 정리( grid line, grid cell, grid track, grid area 등) Grid layout css grid layout 은 수직, 수평 양방향을 모두 사용하여 요소를 배치하는 2차원 레이아웃 시스템이다. 수평, 수직 중 하나의 방향만 사용하는 1차원 레이아웃인 flexbox 와 제일 큰 차이점이다. flexbox 도 float, position, inline-block 에 비해 매우 뛰어난 레이아웃 시스템이고 많이 사용되고 있지만, 보다 더 복잡한 레이아웃을 정교하게 구현할 때는 grid를 사용한다. Grid의 개념을 공부하기 전에 용어를 이해하는 것이 중요하다. 1. Grid Container display: grid; 가 정의 된 element 를 말한다. 모든 grid item들의 직계 부모요소가 된다. 2. Grid Item grid container 의 직계 자식.. 이전 1 다음
