css - Flexbox column heights -
i have site: http://kudos-topspindigital.azurewebsites.net/#/netball
if open in chrome , ie see issue. in chrome, right panels around equal heights. bottom panels (the orange , dark gray one) twice height top light gray panel. once, ie has got right. resizes bottom panels flex: 2. how can chrome same?
since flex
shorthand property, flex: 1
becomes
flex-grow: 1; flex-shrink: 1; flex-basis: 0%;
that 0%
seems confuse chrome in column layouts. can use flex-basis: 0
fix it:
.row { flex-basis: 0; }
Comments
Post a Comment