вопрос про flex (Css)

Здравствуйте, есть блок с 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>