Text in a flex container doesn't wrap in IE11

 https://stackoverflow.com/questions/35111090/text-in-a-flex-container-doesnt-wrap-in-ie11

I had the same issue and the point is that the element was not adapting its width to the container.

Instead of using width:100%, be consistent (don't mix the floating model and the flex model) and use flex by adding this:

.child { align-self: stretch; }

Or:

.parent { align-items: stretch; }

This worked for me.