html - Flexbox support for Safari -
i have following code flexbox , works in chrome , firefox, it's not effective in safari(any version). have tried specific prefixes couldn't achieve same simple order. should modify/add safari work normal chrome , firefox? jsfiddle .container { display: -webkit-flexbox; display: flex; flex-flow: row wrap; justify-content: space-around; flex-direction: row; -webkit-flex-direction: row; list-style:none; } li { border:10px salmon solid; padding: 25px 15px; text-align: center; font-size: 1.2em; background: white; -webkit-flex-grow: 3; flex-grow: 3; } <ul class="container"> <li>alabama</li> <li>california</li> <li>florida</li> <li>idaho</li> <li>kansas</li> <li>nevada</li> <li>new york</li> </ul> safari 5 (the latest windows version of safari)