Hi - I've been playing around with flex box to horizontally align rive logos at the bottom of this page www.bizzybounce.co.uk/newsite.

I had it working more or less cross browser but I've broken something and now it won't work in firefox.

This is the css I'm using:

.tradelogos
{
display:flex;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
flex-direction:row;
justify-content:space-around;
flex-wrap:wrap;
flex-basis: auto;
-webkit-flex-direction:row;
-webkit-justify-content:space-around;
-webkit-flex-wrap:wrap;
-webkit-align-content: stretch;
}

Any idea what I've done wrong?

Thanks

Ian

Does this work any better?


.tradelogos{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content:space-around;
}

Re-ordering the elements - prefixes first

Cheers
Paul

Thanks Paul - instant fix

Best wishes

Ian

No problem - you're welcome

Cheers
Paul