grid1 [CSS 핵심강좌] 6. Grid CSS Grid는 웹 페이지의 레이아웃을 구성하기 위한 2차원 격자 시스템입니다. Grid를 사용하면 열과 행을 쉽게 조절할 수 있으며, 복잡한 레이아웃을 효율적으로 구현할 수 있습니다. 이 강좌에서는 Grid의 기본 개념과 사용 방법에 대해 알아보겠습니다. Grid 컨테이너 Grid를 사용하려면 먼저 Grid 컨테이너를 설정해야 합니다. Grid 컨테이너는 display: grid 속성을 적용한 요소입니다. Grid 컨테이너 내부의 직계 자식 요소들을 Grid 아이템이라고 합니다. .container { display: grid; } Grid 템플릿 Grid 템플릿을 사용하여 격자의 행과 열의 크기를 설정할 수 있습니다. grid-template-columns: 열의 크기를 설정합니다. grid-tem.. 2023. 3. 5. 이전 1 다음 반응형