Как задать ширину для блока, чтобы дочерние элименты распологались в два ряда
Пример
Код:
.solutions {
display: flex;
justify-content: space-between;
}
.solutions-blocks {
}
.solutions-blocks__items {
}
<div class="solutions wrapper">
<div class="solutions-blocks">
<div class="solutions-blocks__items">
<img src="/img/directions-item.png" alt="item">
<h3 class="solutions-blocks__items__title">Corporate finance</h3>
<p class="solutions-blocks__items__description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed…</p>
<span class="solutions-blocks__read">Read more</span>
</div>
<div class="solutions-blocks__items">
<img src="/img/directions-item2.png" alt="item">
<h3 class="solutions-blocks__items__title">Audit & Evaluation</h3>
<p class="solutions-blocks__items__description">Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero…</p>
<span class="solutions-blocks__read">Read more</span>
</div>
<div class="solutions-blocks__items">
<img src="/img/directions-item3.png" alt="item">
<h3 class="solutions-blocks__items__title">Market analysis</h3>
<p class="solutions-blocks__items__description">Nibh vel velit auctor aliqunean sollicitudinlorem bibendum auci…</p>
<span class="solutions-blocks__read">Read more</span>
</div>
<div class="solutions-blocks__items">
<img src="/img/directions-item4.png" alt="item">
<h3 class="solutions-blocks__items__title">Sales & Trade</h3>
<p class="solutions-blocks__items__description">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi …</p>
<span class="solutions-blocks__read">Read more</span>
</div>
</div>
<div class="solutions-info">
<h2 class="solutions-info__title">Get a solutions to your businesses</h2>
<p class="solutions-info__text">Our consultants help address your most challenging issues by providing strategic, financial, operational, and IT services.</p>
</div>
</div>
