flex container안에 들어있는 애들
width를 조정해주려면
flex-basis: 100px;이걸 써주면 되는데 실험결과
거의 100px로 width가 바뀌었지만
그것보다 넘는 애들도 있다.
flex-basis는 rigid (엄격) 하지가 않다.
예를 들어 flex container에 정해준 width가 들어가지 않을경우에
by default로 shirink를 해주게 된다.
알아서 사이즈를 조정하는것이다.
flex-shrink: 1;이렇게 flexbox에서 shrink값은 1이 기본인데
이게 들어가 있어서 사이즈를 조정해주는거다
근데 만약 이렇게 자동으로 변하는게 싫으면
flex-shrink: 0;이렇게 0으로 지정해주면 된다는 사실!!!
근데 이렇게하면 컨테이너를 안에 있는 애들이 넘어가게 되도
축소를 자동으로 안해준다...
이렇게는 대부분 안쓰기는 하는데
어쩔때 사용할때가 있다고 한다.
