[컴][웹] css flex 에 대한 설명

center div / div center /

Flex box 에 대한 설명

• An Interactive Guide to Flexbox in CSS 
  
• https://css-tricks.com/snippets/css/a-guide-to-flexbox/ : 그림으로 친절하게 설명이 되어 있다.
• flex - CSS | MDN
• flex | CSS-Tricks
• What Happens When You Create A Flexbox Flex Container?, 2018-08-02

.flex-container{
    display: flex;

    /* row : --> */
    /* row-reverse; <--- */
    flex-direction : row; 

    justify-content : space-between;

}

.flex-item-1{
    order: -1;
    flex-grow: 1;
}
.flex-item-2{
    order: 2;
    flex-grow: 2;
}
.flex-item-3{
    order: 6;
    flex-grow: 1;
}