STYLE SWITCHER

Nested flex container – Flex item height issue fixed.

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

Recent Article

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. joel at 3:47 pm

    Thanks for this useful tip. Codehints is always there with the fix. Keep going. Thanks for the post.

Category

Explore our Category list

  • Keep your skills sharp, get informed.

    Subscribe to our mailing list and get interesting stuff and updates to your email inbox