Мой flexbox привязывает правый элемент div в сторону ⇐ CSS

[Anonymous]

Я студент, работающий над небольшим проектом, и для этого проекта я ДОЛЖЕН использовать гибкий блок. Я использовал свойство «space-around», ожидая, что все мои элементы div будут четными, но правый элемент div, кажется, привязан к стороне, а остальные смещены влево.

Код: Выделить всё

.infoGallery {
padding-top: 50px;
display: flex;
justify-content: space-around;
text-align: center;
flex-direction: row;

}

.InfoBox {
width: 250px;
justify-content: space-around;
background-color: blue;

}

/* Basic Structure*/
img {
width: 100px;
}

h1 {
text-align: center;

}

Код: Выделить всё

[img]PH.png[/img]
 About The Club 
 We are a youth soccer club focused on developing skills, teamwork, and sportsmanship.

As a result of our focus, our soccer slub has grown to over 1000 players, 70 teams!

[img]PH.png[/img]
Sign-Up information 
Contact me at
TheRELBarbieKen@Bmail.com

[img]PH.png[/img]
 Reasons to Join 
[list]
[*] simple and instructive coaching
[*] free and competitive enviroment
[*] friendly staff and members
[/list]

Подробнее здесь: https://stackoverflow.com/questions/793 ... o-the-side