Flex box issue with iOS in Mobile Landscape?

[sibir]

I created a flex box with a container with 2 columns inside. Left column has text, right column is a picture.
On my iPhone 6S in landscape mode only the picture is shown.

Any ideas?

[Diu]

@Sibir, did you use a container or a div? Containers have default settings that might overrule your flexbox.

[sibir]

I used a div block as the flex parent and a container inside as the flex child.
Inside the container are the columns.

[cyberdave (Dave S.)]

Hi @sibir, could you help to share the link to the site in design mode? Share a read-only link | Webflow University

That will help to check out the styling

Thanks in advance!

[sibir]

I guess like this:

https://preview.webflow.com/preview/js-design?preview=9f3274c36a5d0644b3ccc08181fb34c6

[cyberdave (Dave S.)]

Hi @sibir, it looks like there is a 100vh on the flex-parent in mobile landscape that is causing the content to display strangely.

I would try to change the 100vh on mobile lanscape and lower to Auto.

I hope this helps!

[sibir]

Thank you, that makes all elements appear.
But why do the elements not shrink until they fit? I have the minimum size at 0 px.

[cyberdave (Dave S.)]

Hi @sibir, if you mean flex-basis, iOS does not always respect that if there is some other prestyled elements being used, i.e. the column widget or container