what decides when these flex items wrap?

Hey, i have two input elements in a flex container. I've overwritten their user agent fixed width by applying min-width: 0; to them, allowing them to shrink. I've also applied flex-grow: 1; to them so they fill the space equally. The flex container has flex-wrap: wrap; on it however considering that the children have min-width: 0;, theoretically meaning they can shrink to nothing, what causes them to wrap rather than doing that? Thanks in advance.

https://codepen.io/deerCabin/pen/GRbRxjO
Was this page helpful?