Как сделать отступы как на скрине?

Question

[elo-dev]

Как сделать такие отступы между картинками ?
Делал через display: flex; justify-content: space-evenly;
Получаются слишком большие отступы.

Comments

[Шохрух Шаймардонов]

А space-between ?

[elo-dev]

Шохрух Шаймардонов, ещё сильнее растягивает

[Дмитрий Баскаков]

падинг у родительского блока и space-between

[Rustam Bainazarov]

А размеры то вы верно учли? На втором скриншоте ощущение, что область контента просто-навсего шире.

[Andrew]

<div class="row">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>

.row{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block{
width: 33%;
justify-content:center;
align-items:center;
}

[elo-dev]

Andrew,
От макета все равно отличается

Answer 1

[Vaultboy84]

Ну так задайте подходящие вам размеры контейнера или поставте justify-content: center и отрегулируйте отступы марджинами паддингами.

Answer 2

[Pavel Pavel]

https://jsfiddle.net/q3u1kbdp/