sliver__

이번 글에서는 flex 속성의 구성 요소(flex-grow, flex-shrink, flex-basis)를 이해하고, 실제로 아이템 크기를 유연하게 조절하는 방법을 알아봅니다.1. flex 속성의 구성과 기본값/* flex shorthand = flex-grow | flex-shrink | flex-basis */.element { /* 기본값 */ flex-grow: 0; /* 공간이 남아도 늘어나지 않음 */ flex-shrink: 1; /* 공간이 부족하면 줄어들 수 있음 */ flex-basis: auto;/* 콘텐츠 크기 기반으로 기본 크기 결정 */}flex-grow: 남는 공간을 얼마나 나눠 가질지 결정 (0‒∞)flex-shrink: 공간 부족 시 얼마나 줄어들지 결정 (0..