Text in a flex container doesn't wrap in IE11

Answer 1

.grandparent{
   display: table;
}

.parent{
  display: table-cell
  vertical-align: middle
}

This worked for me.