他の方も同じような質問をされており、回答を見ましたが理解できませんでした。
ピンクの div タグが上下中央揃えになるのなら理解できるのですが、その中のテキストが上下中央揃えになる構造がわかりません。
また、ピンクの div タグには交差軸に余白がなくフレックスコンテナに十分な高さがないのに
なぜ align-items を使うのか教えてください。