In EDGE, flexbox expands to its full length, in Chrome it doesn't. How to remove free space padding on the right in EDGE?

Question

css

Chrome

Edge

In Edge, flex fills free space, how to fix it and make it like in chrome?

Answer 1

1) Check min-width/max-width?
2) Most likely in EDGE the problem is like in ie11. When you set display flex, all child elements (i.e. div.display-flex > * ) must have the flex property set (flex: 0 0 auto you can try). The idea is to fix it.