Как сделать, что бы картинки стояли по центру?

Question

[HelloMap]

Сейчас моя страница выглядит так: , а я хочу вот так: , как это реализовать?
сейчас css свойства стоят такие:

.flexx {
display: flex;
flex-wrap: wrap;
margin-top: 150px;
margin-left: 40px;
justify-content:space-between;
}

Answer 1

[Айнур Ярулин]

Попробуй флекс элементам задать flex: 0 0 33%

или используй gridы
.flexx {
display grid
grid-template-colums 1fr 1fr 1fr
}

Comments

[ForSureN1]

grid-template-columns 1fr 1fr 1fr < grid-template-columns: repeat(3,1fr)

[Айнур Ярулин]

ForSureN1, знаю)

Answer 2

[Илья Корень]

можете ограничить флек-контейнеру ширину, которая будет вмещать только 3 карточки в одном ряду, с учетом всех отступов.