css 레이아웃 관련

부모 컴포넌트 flex속성

자식속성 flex로 가로 지정

ex)

// 부모

main{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    text-align: center; 
}

// 자식1
#happy{
    order:2;
    flex:1;
    
}

// 자식2
#sad{
    order: 3;
    flex:10;
    
}

// 자식3
#confused{
   order:1;
    flex: 3;
}