align-itemsプロパティ

ほんっとにはじめてのHTML5とCSS3
【18-3】Flexbox内の縦(垂直)方向を揃えよう サンプル1

1

align-items: flex-end にすれば、高さはコンテンツのボリュームによって決まり、各Flexboxアイテムは下揃えになります。

2

flex-direction:column では、アイテムは縦に並ぶので

3

「flex-end」は右揃えになります。