CSSにおけるフレックス要素の中央揃え

プロパティjustify-contentに値centerを設定すると、要素を中央揃えすることができます：

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

コードの実行結果：