CSS - 문제 미리보기
문제 1513
medium
다음 CSS Grid 코드에서 빈칸에 들어갈 올바른 속성은?
```css
.grid-container {
display: grid;
______:
'header header header header header header'
'menu main main main main right'
'footer footer footer footer footer footer';
}
```
정답: B
`grid-template-areas`는 Grid 영역을 시각적으로 정의하는 속성입니다.
• 영역 명명: 각 그리드 셀에 이름을 부여하여 직관적으로 레이아웃 구성
• 시각적 표현: 코드만 봐도 실제 레이아웃 구조를 쉽게 파악 가능
• 영역 할당:
• `header`: 전체 상단 6개 열을 차지
• `menu`: 왼쪽 1개 열, `main`: 중앙 4개 열, `right`: 오른쪽 1개 열
• `footer`: 전체 하단 6개 열을 차지
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.