Getting to know display:flex

Getting to know display:flex

I know I’m late, but I have finally been toying with the new CSS 3 display modes like flex and I’m already running into trouble.

It seems there are a lot of inconsistencies across browsers which makes me wonder if it’s ready to be used.

This little example renders differently with Chrome, Firefox and Internet Explorer. The container div’s display is set to flex and it is on purpose too small to display the items which should, since flex-shrink is non zero, be reduced to fit the container.