After chrome 69 update, flex box is creating issues in layout

The trick is in the order or css display properties. So not everyone will come across this issue.

When we provide multiple properties for flex,chrome 69 demands us to give in a specific order.

"display: flex" should be after "display: -webkit-box"

Correct code

display: -webkit-box;
display: flex;

Code that produces bug

display: flex;
display: -webkit-box;