• 覚えておくべき３つのプロパティ
• display: flex
• flex: 1
• flex-direction: column
• コメント

• これ、結局、さっきの「３カラムレイアウト」を、９０度回転させただけです。flexboxの要素の並べ方向を指定するプロパティが、flex-directionです。
• ここでは縦に並べたいので、親にflex-direction : columnを指定します。
• さらにもう一点。親要素は常に縦幅が画面サイズ以上になるようにします。min-height: 100vhを指定します。
• ※IEでは、height: 100%も同時に指定する必要があります。