+1 for creating a plugin. I have been moving everything to flexbox in my themes. It's a great alternative for many floats we have that break on mobile, e.g. title buttons being awkwardly positioned above the title etc.

FYI, I am waiting for that PR to be merged, as it will make it easier to transition to svg icons for entity/file types.

I'm just going to leave this here...

That works in practice with 3 items of the same size. Inline display is only good as long you have line-height defined, even then not all browsers render it the same way. By the time we get in flexbox it will be supported across browsers, support is already quite broad, with the exception of Opera Mini. I would rather use shims with adopted CSS spec rather than use work arounds.

^ agreed

+ 1 Thanks for the bring this issue up. Flexbox will save time and help designers like me to enjoy the power of Flexbox at the same time enjoying the power of Elgg.  Flexbox is the way forward. https://github.com/hrescak/Sketch-Flex-Layout  .

i've been using flexbox to display the galleries in my site for a while. it was the only way i could find using pure css that could display the items in the way i wanted. i used columns for a while and some other approaches, but flexbox is the best.

Maybe use http://semantic-ui.com/ which is using flexbox could be a big improvement for elgg 3.0... and because despite all the efforts that are put into the Elgg UI, it would offer many more features!

We use flexbox in part on our Post Wall

I too like using flexbox. However, one of the downsides of using flexbox is when users are accessing a website using flex box... e.g Android cellphone version 2.4.1 and bellow are still using the old flexbox and therefore this phones do not like display: flex;