Вертикальное расположение заголовка сверху, зависит от размеров (количества строк) текста с низу. Как это убрать?

Question

[Snowfall_Zh]

Заголовки встают в один ряд, только если количество строк текста снизу одинаковое.

.info{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(rgba(240, 47, 47, 0.783)), url('../img/top_bg6.jpg');
	&__inner{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	&__title{
		margin-bottom: 20px;
	}

	&__items{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	&__item{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 230px;
		text-align: center;
		color: #fff;
		margin-bottom: 60px;	
		margin-top: 50px;
	}

	&__item-img{
		height: 200px;
		width: auto;
		margin: -20px;
	}

	&__item-title{
		font-size: 22px;
		@extend %maison-bold;
	}
}

Comments

[Snowfall_Zh]

Это из-за того, что в &__items { align items: center} прописана.

Answer 1

[Sagrana]

У &__item justify-content: flex-start;

Comments

[Sagrana]

Snowfall_Zh, + у &__items изменить align-items на flex-start

[Snowfall_Zh]

Sagrana, Да я сам уже догадался что с align item связана. Но все равно спасибо.