テンプレート作る際にflexboxというのを導入しようとして四苦八苦したのでその際に勉強になったリンクを貼っておく。
Flexboxを使った2カラム・3カラム・マルチレイアウトの基本と応用 | Webクリエイターボックス
CSS3のFlexboxを基本から理解して、使い倒そう！ | 株式会社LIG
Visual Guide to CSS3 Flexbox: Flexbox Playground |
上の二つで基本に触れて，最後の一個で実際の動きを確認すると理解しやすい。
justify-contentとalign-itemsの違いになかなか気づけなくて苦労した。
わかると簡単な話だった。