12.26 FE

main {
    display: flex;
    border: 1px dotted red;
    flex-direction: row;      /*자식 가로세로정해주기*/
    flex-wrap : wrap-reverse;            /*자식 줄바꿈여부*/
    justify-content: flex-start;   /*자식요소 크게 좌우정렬*/
    align-items: flex-end;         /*자식 문단정렬 정해진 공간안에서 좌우정렬*/
  }

#box1 {
    flex-grow : 0;             /*비율*/
    flex-basis : 50px;           /*기본값*/
}