CSS - 문제 미리보기
문제 1500
easy
그리드의 컬럼들 사이에만 50px 간격을 주려면 빈칸에 무엇을 입력해야 할까요?
```css
.grid-container {
display: grid;
_______: 50px;
}
```
정답: B
• 간격 속성들의 차이:
• `column-gap`: 컬럼 사이의 간격만 조정
• `row-gap`: 행 사이의 간격만 조정
• `gap`: 컬럼과 행 모든 간격 조정 (단축 속성)
• 문제 조건 분석: "컬럼들 사이에만" → `column-gap` 사용
• 각 속성의 효과:
```css
column-gap: 50px; /* 세로 간격만 50px */
row-gap: 30px; /* 가로 간격만 30px */
gap: 20px; /* 모든 간격 20px */
gap: 20px 40px; /* 행 20px, 컬럼 40px */
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.