이전 강의에서 속기속성 flex를 살펴봤습니다. 이번에는 개별 속성을 살펴보겠습니다.

flex-grow : 1 // 항목의 팽창을 정의합니다.

flex-shrink: 1 // 항목의 수축을 정의합니다.

flex-basis: 200px // 항목의 기본 폭을 정의합니다.

flex-grow / flex-shirnk는 값이 0이면 팽창이나 수축이 일어나지 않습니다.

section{
  display:flex; 
}
nav{
flex-grow:1;
flex-shrink:1;
flex-basis:200px;
}