ほんっとにはじめてのHTML5とCSS3 【18-3】Flexbox内の縦(垂直)方向を揃えよう サンプル1
align-self は align-itemsの個別指定バージョン。 各Flexアイテムに指定して、垂直方向の並べ方を決めます。
3番目のアイテムに align-self: center を指定すると それだけセンター揃えになります。
center
flex-direction:column では 水平方向のセンターになります。