Team_Item'ы(фоты с надписью) идут в вертикаль а не в горизонталь. flex-wrap: wrap хотя это свойство есть, в чем проблема?

Question

alexxxey_code @alexxxey_code

Вёрстка

Team_Item'ы(фоты с надписью) идут в вертикаль а не в горизонталь. flex-wrap: wrap хотя это свойство есть, в чем проблема?

Вот как у меня:

HTML

<!-- Team -->
<div class="team">
	<div class="container">
		<div class="team__inner">

			<div class="team__item">
				<img src="images/team/team-1.jpg">
				<div class="team__name">Ruth Woods</div>
				<div class="team__prof">Founder, CEO</div>
				<div class="team__text">
					<p>Fusce dapibus, tellus ac cursur commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
					<p> Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
				</div>
				<div class="team__social"></div>
			</div>

			<div class="team__item">
				<img src="images/team/team-2.jpg">
				<div class="team__name">Timothy Reed</div>
				<div class="team__prof">Co-Founder, Developer</div>
				<div class="team__text">
					<p>Fusce dapibus, tellus ac cursur commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
					<p> Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
				</div>
				<div class="team__social"></div>
			</div>

			<div class="team__item">
				<img src="images/team/team-3.jpg">
				<div class="team__name">Timothy Reed</div>
				<div class="team__prof">Co-Founder, Developer</div>
				<div class="team__text">
					<p>Fusce dapibus, tellus ac cursur commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
					<p> Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
				</div>
				<div class="team__social"></div>
			</div>

			<div class="team__item">
				<img src="images/team/team-4.jpg">
				<div class="team__name">Timothy Reed</div>
				<div class="team__prof">Co-Founder, Developer</div>
				<div class="team__text">
					<p>Fusce dapibus, tellus ac cursur commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
					<p> Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
				</div>
				<div class="team__social"></div>
			</div>
		</div>
	</div>
</div>

CSS

.container{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;

}
.team{
	margin: 100px 0 70px;
}
.team__iner{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.team__item{
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.team__photo{
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.team__name{
	margin-bottom: 8px;
	font-size: 22px;
	color: #2d3033;
}
.team__prof{
	margin-bottom: 15px;

	font-size: 13px;
	color: #e84545;
	text-transform: uppercase;
}
.team__text{
	font-size: 14px;
	line-height: 1.5;
	color: #6c7279;
}