problema con css flex wrap (CSS)

estoy haciendo un formulario en el cual si no me alcanza en la pantalla deseo que se pase a la siguiente linea

.container{
display:flex;
flex-wrap:wrap;
}

input{
width:100%;
}
<div class="container">
<div>
<div>titulo</div>
<div><input /></div>
</div>

<div>
<div>titulo</div>
<div><input /></div>
</div>

<div style="width:100%;">
<div>titulo</div>
<div><input /></div>
</div>

<div>
<div>titulo</div>
<div><input /></div>
</div>

</div>

pero cuando le pongo width 100% al penultimo por logica me ocupa todo el width y manda los demas div al siguiente renglon pero yo busco que mis div se puedan distribuir al 100% en el width container pero si ya no alcanza pasarse a la siguiente linea con flex-wrap

de antemano gracias por su ayuda