With ccs3 flexbox I make multiple rows with 3 items each. On ipad I get 1 item per line. How to fix?

Question

css

I have something like this template:
jsfiddle.net/jRH6d/2
On the desktop, everything is as intended, three cats per line. I open the same code on ipad (in chrome, fox and safari), there is only one cat in the line. Why?

Answer 1

ios supports old syntax, read
frontender.info

(old) means old syntax support from 2009 (display: box;)