フレックス要素の親要素に対する等間隔配置

値 space-around の動作は、多くの場合あなたが望むものではありません。多くの場合、指定された間隔をすべて等しくする必要があります。

このために、必要なことを実現する値 space-evenly が考案されました。

css.parent {
  display: flex;
  justify-content: space-evenly;
}

コードの実行結果: