Здравствуйте, такой вопрос. Сейчас в контейнере три элемента друг за другом, равной ширины. Возможно ли только третий div увеличить в ширину и расположить под вторым div-ом?
.pricing {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
margin: 0 auto 3em;
}
.pricing__item,
.pricing__feature-list {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
text-align: center;
}
<div class="pricing pricing--rabten">
<div class="pricing__item">
<h3 class="pricing__title">заголовок</h3>
<p class="pricing__sentence">текст</p>
<ul class="pricing__feature-list">
<li class="pricing__feature">список</li>
<li class="pricing__feature">список</li>
<li class="pricing__feature">список</li>
</ul>
</div>
<div class="pricing__item">
<h3 class="pricing__title">заголовок</h3>
<p class="pricing__sentence">текст</p>
<ul class="pricing__feature-list">
<li class="pricing__feature_">список</li>
<li class="pricing__feature">список</li>
<li class="pricing__feature">список</li>
</ul>
</div>
<div class="pricing__item">
<h3 class="pricing__title">заголовок</h3>
<p class="pricing__sentence">текст</p>
<ul class="pricing__feature-list">
<li class="pricing__feature">список</li>
<li class="pricing__feature">список</li>
<li class="pricing__feature">список</li>
</ul>
</div>
</div>
</div>