CSS에서 flex 블록 압축 시 요소의 탐욕성(greediness) 영향

이제 탐욕성(greediness)의 영향을 살펴봅시다. 모든 자식 요소의 너비를 제거하고 flex-grow 값을 1으로 설정한 다음, 두 번째 자식 요소만 3으로 설정해 봅시다. 결과적으로 두 번째 블록이 나머지 블록들보다 3배 더 커질 것입니다.

그러나 창을 충분히 좁히면, 두 번째 블록이 나머지보다 3배 더 크지 않게 됩니다. 심하게 압축하면 차이가 사라집니다. 아래 예제를 가지고 브라우저 창을 넓히고 좁히며 직접 확인해 보세요: