그리드 컨테이너 (Grid container)

요소에 grid 또는 inline-grid 값을 사용하면 해당 요소가 CSS 그리드 레이아웃을 사용하여 그리드 컨테이너로 변환되고, 바로 밑의 모든 자식 요소도 그리드 요소가 됩니다.

요소가 그리드 컨테이너가 되면 그리드 서식 지정 컨텍스트가 설정됩니다. 바로 밑의 자식 요소는 이제 grid-template-columns 및 grid-template-rows를 사용하여 정의된 명시적 그리드 또는 요소가 '명시적 그리드' 외부에 배치될 때 생성된 '암시적 그리드'에 배치될 수 있습니다.