Выравнивание контента в центре контейнера

Первый способ

.flex-container {
	height: 400px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

Второй способ

Для контейнера используем свойство justify-content: center Для элементов используем свойство align-self: center.

.flex-container {
	height: 400px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-element {
	align-self: center;
}

Третий способ

Для всех flex-элементов указать margin: center.

.flex-container {
	height: 400px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.flex-element {
	margin: auto;
}