Seems IE11 doesn\'t calculate flex item widths properly if flex-wrap: wrap is used.
flex-wrap: wrap
See http://jsfiddle.net/MartijnR/WRn9r/6/
The 4 boxes each h
This is clearly an IE bug so leave the original [correct] CSS and append a hack that targets IE10+:
/* IE10+ flex fix: */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .box { flex: 0; min-width: 50%; } }
http://jsfiddle.net/stedman/t1y8xp2p/