Flexbox를 이용한 레이아웃 방법을 알아보자(2)
2022. 6. 12.
지난번에 이어 이번에는 Flexbox의 속성 중 내부아이템 속성을 알아보자 item에 적용되는 속성값은 grow, shrink, basis, align-self, order가 있다. flex-grow는 아이템들이 컨테이너의 전체 크기에 맞게 스스로의 사이즈를 늘리려는 성질이다. flex-grow의 기본값은 0이며 위 문서를 보면 원래의 크기보다 남은 공간이 더 넓어지자 해당 공간을 item1과 item2가 각각 2:1의 비율로 나눠 가져 사이즈가 커진것을 알 수 있다. flex-shrink는 grow의 반대이다. 원래의 아이템 사이즈보다 컨테이너가 줄어들었을때 설정한 비율만큼 더 줄어 드는 것이다. flex-shrink의 설정값이 클 수록 더 많은 비율의 사이즈가 줄어드는 것을 볼 수 있다. flex-b..
