Chrome – Nested flex container – Flex item height using a percentage appears to be broken
Chrome doesn’t support percentage height values on flex items. It works fine in IE11 and MS Edge. I haven’t tested any other browsers and I’ve not checked if percentage heights are part of the spec or not (sorry, maybe this is a non-issue).
flex: 1 0 auto