강의 (02:11) 에서 "전체 영역 자체를 1:3:1 로 갖는다."라고 하셨는데요,&nbsp; 제가 바로 전강 #4에서는
flex-grow는 flex item 내부의 내용물이 제외된 부분(여백)에 대해서만 비율을 따지는 걸로 알고 있는데,
왜 여기 #5에서는&nbsp; "내용물까지 포함된 전체"에 대해서 비율로 따지게 되는건가요??
제가 뭘 놓친건가요? ㅠㅠ

축약형을 사용할 때
flex: 1;
이런 식으로 flex-basis를 생략하면 flex-basis에는 0%가 들어가게 되어있어요. 강의 초반부에 해당 설명이 나옵니다^^(0:35 지점쯤부터) flex-basis가 0이기 때문에 기본 점유 영역이 0이 되고, 따라서 공간 자체를 1:3:1로 나누게 되는 거에요.
flex: 1 1 auto;
축약형을 쓰실 때 위와같이 flex-basis도 명시적으로 적어주시면 적어준 값으로 동작합니다. 저는 예시로 기본값 auto를 넣어 본 것이고요.

아하!!!!!!!&nbsp; 감사합니다!!

인프런 커뮤니티 질문&답변

Flex 핵심정리 #5 - Flex 속성 활용에서 질문 있습니다.