Margin auto removes display flex style

[samliew (webflowexpert.com)]

Win 10 Chrome 64

[cyberdave (Dave S.)]

Hi @samliew… I think this is by default to not respect the margin auto when using flex…not sure the exact case, but here is some additional info: html - Flexbox auto margins don't work with justify-content: center in IE - Stack Overflow

I will check but I think this is by design.

[dram (Alex Dram)]

Maybe ability to set margin-auto should be disabled while item is in flex mode? Now it is not exactly expected to have your flex property removed by setting auto on margins and can be overlooked by users.

[cyberdave (Dave S.)]

@dram good point! Going to check it further… thanks and keep that feedback coming…

[samliew (webflowexpert.com)]

Seems like we can use auto margins with flex based on the spec referenced by the answer.

It just doesn’t work with IE (because it’s their fault for not following spec), but who cares about IE nowadays…