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

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -