Flexboxを使ったWebページレイアウト：アイテム（コンテンツ）の位置を整えよう　その１ 解答

.container {
    border: solid 6px #abcf3e;
    max-width: 600px;
    display: flex;
    }

.boxA {
    background-color: #CDDC39 ;
    flex: 0 1 200px;
    margin:0 10px;
}

.boxB {
    background-color: #FFA000 ;
    flex: 0 1 200px;
    margin-right: 10px;
    order: 1;
}


.boxC {
    background-color: #673AB7;
    flex: 0 1 200px;
    margin-right: 10px;
}