flex-grow1 flex-basis, flex-grow, flex-shrink 속성 flex-basis 속성은 주축의 방향을 기준으로 요소들의 크기를 조절할 수 있습니다. flex-grow 속성은 남은 공간이 있을 때 요소들을 비율에 따라 크기를 조절할 수 있습니다. flex-shrink 속성은 요소들이 전체 사이즈를 넘어가는 사이즈를 가질 때 비율에 따라 크기를 줄일 수 있습니다. flex-basis 주축이 row라서 가로크기가 조절됩니다. 주축이 column라서 세로크기가 조절됩니다. flex-grow flex-grow를 전체 요소에 적용해서 비율이 동일하게 적용됩니다. 하나의 요소에 개별적으로 적용할 수 있습니다. flex-shrink 전체 사이즈와 요소들의 사이즈가 작거나 동일하다면 작동하지 않습니다. 요소들의 사이즈가 더 커야 요소를 선택해서 줄일 수 있습니다. flex 적용 .. 2023. 3. 27. 이전 1 다음
