Read more

IE11 ignores calc() functions in the flex shorthand

Dominik Schöler
August 30, 2019Software engineer at makandra GmbH

Example (broken in IE):

flex: 0 1 calc(50% - 20px)
Illustration UI/UX Design

UI/UX Design by makandra brand

We make sure that your target audience has the best possible experience with your digital product. You get:

  • Design tailored to your audience
  • Proven processes customized to your needs
  • An expert team of experienced designers
Read more Show archive.org snapshot

Workaround:

flex-basis: calc(50% - 20px)

flex-grow: 0 // Default, can be omitted for this example
flex-shrink: 1 // Default, can be omitted for this example
Posted by Dominik Schöler to makandra dev (2019-08-30 12:03)