CSS - 문제 미리보기
문제 1504
medium
그리드가 컨테이너보다 작을 때 전체 그리드를 가로 중앙에 정렬하려면 빈칸에 무엇을 입력해야 할까요?
```css
.grid-container {
display: grid;
width: 800px;
grid-template-columns: 100px 100px 100px;
_______: center;
}
```
```css
.grid-container {
display: grid;
width: 800px;
grid-template-columns: 100px 100px 100px;
_______: center;
}
```
정답: B
• `justify-content`: 전체 그리드의 가로(주축) 정렬
• `align-content`: 전체 그리드의 세로(교차축) 정렬
• `justify-items`: 개별 아이템의 가로 정렬
• `align-items`: 개별 아이템의 세로 정렬
• `align-content`: 전체 그리드의 세로(교차축) 정렬
• `justify-items`: 개별 아이템의 가로 정렬
• `align-items`: 개별 아이템의 세로 정렬
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.