Flexbox won't wrap on mobile

[Pescatore]

Hi,

I’ve been looking for two days now and tried everthing I could find on google. I have some code (I’m def not an expert coder) and it works fine on Mozilla, Chrome and Opera. It also runs fine on my Samsung, but apperantly is does not wrap on an iPhone.

So the yellow part gets pushed aside out of the window.

Anybody have an idea? I’m really frustrated by now :)

Tnx.

http://codepen.io/Pescatore/pen/ygVKLd

[Beverleyh]

There are various ways to do it but I think this is what you’re aiming for (cut right back to basics) http://codepen.io/anon/pen/OWbYgg

You should check out the Complete Guide To Flexbox to understand more about how it works https://css-tricks.com/snippets/css/a-guide-to-flexbox/

[Author]

Posts