[CSS] “flex : 1”이 뭘까?

클론 코딩을 하는 와중, flex:1이란 코드를 발견하였습니다. 이 코드로 인해서 요소가 딱 원하는 너비를 가지게 되었는데, 도대체 왜 이런 현상이 나타나는 건지 짚고 넘어 가보려 합니다! 🤔”flex : 1”이 뭐지? flex : 1 속성은 flex-grow, flex-shrink, flex-basis의 단축 속성으로 flex : “grow” “shrink” “basis” 순서를 따릅니다. ‘flex-grow” 속성이 생략되면 기본값은 0, ‘flex-shrink 속의 기본값은 1, ‘flex-basis’의 기본값은 auto입니다. flex : 1 의 값은 shrink, basis 속성값이 생략된 것으로 다음과 같습니다. flex-grow : 1; flex-shrink : 1; flex-basis : ..