flex items 속성 - flex-grow

flex-grow 아이템의 증가 너비 비율 설정

 

<div class='container'>

<div class='item item1'></div>

<div class='item item2'></div>

<div class='item item3'></div>

</div>

 

 

*css

.container {

display:flex;

}

.container .item {

width:100px;

height:100px;

background:tomato;

}

.item1 {

flex-grow:2;

}

.item2 {

flex-grow:1;

}