Imagine that you have flex container. It have max-width
of 300px
. Inside this container there is a wall of text. In all browsers except ie11 everything works fine:
In ie11 content overflows (example from mdn):
How this can be fixed? By adding width: 100%
to children of flex
element.