코드리뷰에서 헷갈리는 것 정리!

FLEXBOX 정리

 

min-width: 400px;

flex-basis: 0 

ㄴ> 이렇게 하면 이미지가 움직이지 않고 400 고정

 

    width: 100px;

    flex-shrink: 0;

ㄴ> 이렇게 해도 동일하게 움직이지 않고 고정된다! 

 

 

다른 요소에 width값이 정해져있을 때!!! 

flex-basis:0;

flex-grow:1;

ㄴ> 이렇게 하면 여백 꽉차게 사용