Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by cabrinha98
cabrinha98
10,616 Points

Flex-Box Issues

Hey!

I´m currently using Flex-Boxes in my project, but encountered huge problems on all IOS-Devices.

I`ve created an div-container, where I have put 9 flex-boxes into (with flex-wrap: wrap) for getting a 3x3-Box. Afterwards I rotated the whole complex for 45deg.

Everything works finde and looks good, Problem is just I get only a 3x1 matrix on IOs-Devices ... the other 2 rows are missing.

As I read IOS devices don`t support the flex-wrap. So my questions is:

Have we the possibility with css to target browsers we have problems with to spend them their own css? Or any clues how I get around the problem?

rgds

1 Answer

mtch
mtch
8,521 Points
mtch
mtch
8,521 Points

Have you tried using vendor prefixes ? Flex-box is still fairly new to any web-browser so using vendor prefixes for now is best practice.

If I am not mistaken, the iOS vendor prefix is :

-webkit-