всем привет есть такой макет. как с помощью флексов задать такое распределение? или какой метод посоветуете?
.start {
padding: 72px 0;
}
.start__cards {
display: flex;
}
.start__cards-item {
background-color: #fff;
box-shadow: 0px 4px 100px rgba(208, 218, 227, 0.57);
border-radius: 20px;
padding: 32px;
}
<div class="start__cards">
<div class="start__cards-item">
<p class="start__cards-num">1</p>
<p class="start__cards-title">Регистрация</p>
<p class="start__cards-text">Заполните простую форму для участия в программе и активируйте клиентский пакет.</p>
</div>
<div class="start__cards-item">
<p class="start__cards-num">1</p>
<p class="start__cards-title">Регистрация</p>
<p class="start__cards-text">Заполните простую форму для участия в программе и активируйте клиентский пакет.</p>
</div>
<div class="start__cards-item">
<img src="images/svg/start_card.svg" alt="">
<p class="start__cards-num">1</p>
<p class="start__cards-title">Регистрация</p>
<p class="start__cards-text">Заполните простую форму для участия в программе и активируйте клиентский пакет.</p>
</div>
<div class="start__cards-item">
<p class="start__cards-num">1</p>
<p class="start__cards-title">Регистрация</p>
<p class="start__cards-text">Заполните простую форму для участия в программе и активируйте клиентский пакет.</p>
</div>
</div>