Как перенести растягивающиеся флекс-блоки на новую строку?

Есть флекс-блок parent и дочерние блоки child.

<div class="parent">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">3</div>
    <div class="child">4</div>
</div>

.parent {
    display: -webkit-flex;
    -webkit-flex-wrap:wrap;
}
.child {
    min-width: 300px;
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 1;
}

Что важно, дочерние блоки растягивающиеся.

Внимание, вопрос. Как сделать так, чтобы, скажем, с 3-го блока дочерние элементы перешли на новую строку?

Типа поставить <br /> после 2-го блока. Только это не сработает.