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

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

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

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

Повторите страницу по данному образцу: