CSS Grid 레이아웃 사용하기
CSS Grid 레이아웃은 웹 페이지의 요소들을 두 차원으로 배치할 수 있는 강력한 기능입니다. 이 레이아웃 모델을 활용하면 복잡한 디자인도 간단하게 구현할 수 있습니다.
Grid 컨테이너 생성
HTML 요소를 그리드 컨테이너로 만들기 위해서는 display 속성에 grid 값을 설정해야 합니다. 여기서 부모 요소는 컨테이너가 되고, 자식 요소들은 아이템으로 간주됩니다.
.cont ...
8월 21일 20:06에 게시됨
CSS Grid 레이아웃 완벽 가이드
CSS는 오랫동안 웹 페이지 레이아웃을 위한 표준이었지만, 항상 완벽하지는 않았습니다. 초기에는 table을 사용했고, 이후 float, position, inline-block으로 전환했습니다. 그러나 이러한 모든 방법은 본질적으로 '꼼수'에 가까웠으며, 수직 중앙 정렬과 같은 중요한 기능이 누락되었습니다. Flexbox의 등장은 1차원 레이아웃 문제를 어느 정도 해결했지만, 복잡한 2차원 ...
8월 4일 11:28에 게시됨