CSS - 문제 미리보기

문제 1493

medium
다음 중 flex 단축 속성을 올바르게 사용한 것은?
```css
.item {
/* flex: flex-grow flex-shrink flex-basis */
flex: _______;
}
```
A. `1 1 200px`
B. `grow shrink basis`
C. `200px 1 1`
D. `1 200px 1`

정답: A

• flex 단축 속성의 순서: `flex-grow` → `flex-shrink` → `flex-basis` 순으로 작성합니다.

• 각 값의 의미:
• 첫 번째 값 (1): `flex-grow` - 늘어나는 비율
• 두 번째 값 (1): `flex-shrink` - 줄어드는 비율
• 세 번째 값 (200px): `flex-basis` - 기본 크기

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.