Flexbox를 쓰다 보면 한 아이템은 꽉 차고, 다른 건 작게 줄어들고,비율대로 공간을 유연하게 나누고 싶을 때가 있어요.그럴 때 반드시 알아야 할 속성이 바로 이 3가지!flex-growflex-shrinkflex-basis이번 포스팅에서는 이 3개의 속성이 어떻게 조합되고,공간을 어떻게 계산해서 배치하는지 확실히 정리해보겠습니다!✅ 기본 문법.item { flex-grow: 1; flex-shrink: 1; flex-basis: 0;} 사실 이 3개는 하나로 합쳐서도 쓸 수 있어요!.item { flex: 1 1 0;} 1️⃣ flex-grow – 남는 공간을 얼마나 "더" 가져갈지.item { flex-grow: 1;} flex-grow는 컨테이너에 남는 여유 공간을 아이템끼리 나눌 때..
