[CSS] 📚 그리드(Grid) 💯 총정리

Grid Grid가 나오기 이전에는, float이나 table, flex를 이용해 레이아웃을 짰다. CSS Grid는 예전부터 핵(Hack)으로 불린 다양한 레이아웃 대체 방식들을 해결하기 위해 만들어진 특별한 CSS 모듈이다. 그리드 용어 ​ 그리드 컨테이너 display: grid로 표기하며 모든 그리드 아이템의 부모 요소이다. 일단 컨테이너가 될 요소에게 grid를 주면 그때부터 자식 요소들은 Grid Items이 된다. HEADER MAIN ASIDE FOOTER [그리드 아이템 정렬] align-self 단일 그리드 아이템(Item)을 수직(열 축) 정렬 값 의미 기본값 normal stretch와 같습니다. normal start 시작점(위쪽) 정렬 center 수직 가운데 정렬 end 끝점(..

인파_

2021.10.07