728x90 Layout1 [CSS] grid 속성들 정리 📌 flex vs grid ? 아이템을 자유자재로 배치할 수 있는 CSS Layout 에는 flex 와 grid 가 있다. flex : 아이템을 1차원적으로 배치할 수 있음 (가로 or 세로) grid : 아이템을 2차원적으로 배치할 수 있음 (가로 and 세로) 📌 grid 사용법 1. 부모 컨테이너에 display: grid 를 지정한다. 2. grid 안에 들어 있는 자식들은 각각 grid cell 로 변환된다. 📌 grid 속성들 정리 부모 속성들 ► grid-template-columns : 컨테이너 열(column)의 크기 지정 ► grid-template-rows : 컨테이너 행(row)의 크기 지정 ► grid-auto-rows : 컨테이너 행(row)이 몇 줄인지 모를 때, 전체적으로 자.. 2023. 9. 3. 이전 1 다음 728x90