Error css calc in IE11

Question

Here is the demo http://codepen.io/blaja/pen/krdwc/

IE11 does not seem to compute calc(50% - 1rem), but all other browsers do.

How can i fix this?

Answer 1

According to this answer , there seems to be an error with flexbox and how IE11 handles it. Namely, you cannot use abbreviation in IE11 as you are trying to do. calc()flex

IE11 , - , flexboxes, , (, , , ) .

EDIT: , IE11 - , , . - calc((50%) - (1rem))?