Здравствуйте, есть блок с width 100% (адаптивная верстка), так вот в нём есть 4 блока, как можно сделать чтобы 3й и 4й были на всю длину и переносились на новую строку (грубо говоря), не сжимаясь с другими? То есть как обычный div со 100% width? пробовал поиграть с flex-basis, flex-grow но что-то ничего не получилось
<div class="parent" style="width: 100%; display: flex;">
<div>этот и <div>
<div>этот блок, вместе</div>
<div>а вот этот<div>
<div>и этот, с переносом</div>
Картинка:
https://pp.userapi.com/c837422/v837422896/5c405/ksoi9SJcK5M.jpg