Не работает flex-direction: row; Как быть?

Question

[asurumotori]

Есть вот такая верстка. Казалось бы ответ на поверхности, но не могу понять почему иконки не верстаются горизонтально?

<style>
.icon_company {
 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 10px;

  background: #D9D9D9;
}
.icon_company1 {
  background: #fff;
  
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 10px;

}
</style>

 <br>
<div>
	<h2 style="text-align: center;">Почему мы?</h2>
</div>
<div class="icon_company">
	<div class="icon_company1">
		<div class="icon_company1">
 <img width="120" alt="free-icon-map-691126 1.png" src="/upload/medialibrary/c0b/hxxi7ipme0k5rcny05d4l24jqglz9dgy/free-icon-map-691126%201.png" height="120" title="free-icon-map-691126 1.png"><br>
		</div>
		<div class="icon_company1">
			<h4>
			Преимущество 1 </h4>
		</div>
	</div>
</div>
<div class="icon_company">
	<div class="icon_company1">
		<div class="icon_company1">
 <img width="120" alt="free-icon-map-691126 1.png" src="/upload/medialibrary/c0b/hxxi7ipme0k5rcny05d4l24jqglz9dgy/free-icon-map-691126%201.png" height="120" title="free-icon-map-691126 1.png"><br>
		</div>
		<div class="icon_company1">
			<h4>
			Преимущество 1 </h4>
		</div>
	</div>
</div>
<div class="icon_company">
	<div class="icon_company1">
		<div class="icon_company1">
 <img width="120" alt="free-icon-map-691126 1.png" src="/upload/medialibrary/c0b/hxxi7ipme0k5rcny05d4l24jqglz9dgy/free-icon-map-691126%201.png" height="120" title="free-icon-map-691126 1.png"><br>
		</div>
		<div class="icon_company1">
			<h4>
			Преимущество 1 </h4>
		</div>
	</div>
</div>
 <br>

Comments

[Ankhena]

Вообще-то работает.
Но внутри icon_company есть только один дочерний элемент. Ну а один элемент без разницы как выстраивать хоть в строку, хоть в колонку.

Наверное, вы хотели задать флекс родителю и выстраивать его дочерние элементы, т.е. так, чтобы сами icon_company встали в ряд?

[asurumotori]

Ankhena, Да, все верно, icon_company должны встать в ряд, а icon_company1 в column.

Переместил все icon_company1 в div icon_company и все работает

Спасибо)

[Ankhena]

asurumotori, alt поправьте у картинок на нормальные описания