ほんっとにはじめてのHTML5とCSS3
【18-2】Flexbox内のボックスの配置方法を指定しよう サンプル2
flex-wrap:wrap-reverse を指定すると、改行の向きが逆向きに。
PCの方はウィンドウ幅を狭くしてみて。
Flexアイテムが下から上へ折り返されます。
新しいものから表示させたい場合に便利ですね。
CSS
div#container {
display:flex;
flex-wrap:wrap-reverse;
justify-content:space-between}
div#container section {flex:1 0 100px}