Выравнивание флекс элементов по центру в CSS

Значение center, установленное в свойстве justify-content, позволяет выровнять элементы по центру:

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

Результат выполнения кода: