Properties for the flex items
📌 flex-grow (확장)
- 남는 공간을 얼마나 확장할지를 제어한다.
- 값은 양수로 설정, 이는 더 많은 공간을 확장할 수 있는 비율을 나타낸다.
- 동일한 비율로 확장하거나 다른 비율로 확장하도록 조절할 수 있다.
📌 flex-shrink (축소)
- 아이템이 컨테이너보다 큰 경우, 아이템을 얼마나 줄일지를 제어한다.
- 값은 0 ~ 1 사이로 설정, 이는 아이템이 줄어들 수 있는 비율을 나타낸다.
- 일부 아이템을 다른 아이템보다 더 빨리 축소하거나 느리게 축소하도록 설정할 수 있다.
🔗 기본값
- flex-grow의 기본값은 0. 기본적으로 남는 공간을 확장하지 않는다.
- flex-shrink의 기본값은 1. 컨테이너의 크기를 초과하는 경우 기본적으로 축소된다.
Move Move!