Как расположить элементы равноудалённо внутри flex контейнера?
Как расположить элементы внутри flex контейнера так, как показано на картинке, не прибегая к margin?
Есть вот такой код https://codepen.io/tomatobrains/pen/JjGQZGq . Я пытался и через flex-grow и flex-basis, но ничего не получалось, текст в одну линию не становится.
<div class="indications__content">
<div class="indications__content-item">
<div class="indications__content-img">
<img src="img/masage/indications/ind1.png" alt="">
</div>
<div class="indications__content-subtitle">
<p class="bold">Жировые отложения
в проблемных зонах </p>
</div>
<div class="indications__content-text">
Обычно целлюлит возникает на определённых участках тела – животе, бедрах, руках, ягодицах и в
области второго подбородка. Среди причин появления: гормональный сбой, курение, лишний вес,
малоподвижный образ жизни.
</div>
</div>
<div class="indications__content-item">
<div class="indications__content-img">
<img src="img/masage/indications/ind1.png" alt="">
</div>
<div class="indications__content-subtitle">
<p class="bold">Профилактика целлюлита </p>
</div>
<div class="indications__content-text">
Актуальна для всех женщин, независимо от возраста и телосложения. Ведь проще болезнь предупредить,
чем потом долго и упорно лечить.
</div>
</div>
<div class="indications__content-item">
<div class="indications__content-img">
<img src="img/masage/indications/ind1.png" alt="">
</div>
<div class="indications__content-subtitle">
<p class="bold">Формирование узлов и
бугристой поверхности кожи </p>
</div>
<div class="indications__content-text">
На этом этапе наличие целлюлита уже очевидно, а массаж помогает остановить его развитие.
</div>
</div>
<div class="indications__content-item">
<div class="indications__content-img">
<img src="img/masage/indications/ind1.png" alt="">
</div>
<div class="indications__content-subtitle">
<p class="bold">Отечный вид кожи, нарушение
циркуляции крови и лимфы </p>
</div>
<div class="indications__content-text">
Как правило, эти признаки свидетельствуют о начальной стадии липодистрофии. Обратившись вовремя к
врачу, можно предотвратить появление «апельсиновой корки».
</div>
</div>
</div>
.indications {
padding: 30px 0;
&__content {
display: flex;
&-item {
width: 25%;
display: flex;
flex-direction: column;
margin-right: 2vw;
text-align: center;
}
& div:nth-of-type(4) {
margin-right: 0;
}
&-img {
margin-bottom: 2vw;
}
&-subtitle {
margin-bottom: 1.5vw;
}
&-text {
font-size:18px;
}
}
}
