Есть flex-контейнер с flex-элементами внутри, которые расположены в колонки равной ширины. можно ли как-то сделать так, чтобы первый flex-элемент располагался в строку, то есть занимал всю ширину контейнера, а остальные flex-элементы также располагались в колонки, как раньше.
.flex-container {
display: flex;
}
.flex-element {
flex: 1;
border: 1px solid #000;
text-align: center;
}
<div class="flex-container">
<div class="flex-element">a</div><!-- данный блок должен растянуться на всю ширину контейнера -->
<div class="flex-element">b</div>
<div class="flex-element">c</div>
<div class="flex-element">d</div>
<div class="flex-element">e</div>
</div>