回答編集履歴

- 質問文の画像の時点から正解までに行わなければならないことは、以下の 2 つです。

- - 黄色いカエルを flex コンテナの左端に配置し、緑、赤色のカエルは flex コンテナの右端に配置する。

- - 黄色いカエルを flex コンテナの縦方向に中央寄せする。

- 1 つ目は、 flex コンテナ内での余白の配分方法を設定することが出来る[`align-content`プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/align-content)を使うことで実現できるとわかります。また、 2 つ目は主軸、もしくは交叉軸での flex アイテムの配置方法を設定することが出来る[`justify-content`プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/justify-content)、[`align-items`プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/align-items)のどちらかを使えば良いとわかります。今回の場合、縦方向は主軸となっているため、[`justify-content`プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/justify-content)を使えば良いとわかります。