Cross Browser support for CSS Flexbox

Question

I have been using the code mentioned below, it works on my Chrome but not on my IE9 and Safari.

I googled for the solution, despite I got various vendor prefixes, th

Answer 1

I would suggest reading the spec to fully understand: http://dev.w3.org/csswg/css-flexbox/

For the visually minded @chris-coyier has recently revamped his post w/ help from (@hugo-giraudel):http://css-tricks.com/snippets/css/a-guide-to-flexbox/

code sample:Live(credit to @chris-coyier just can't find original post so remade): http://cdpn.io/oDxnp

compiled out put would look like this

display: flex; =>

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

flex-direction: row; =>

-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;