Problem with flexbox on mobile

Hey community! I have a problem designing my flexboxes on mobile. When I set the height of my row everything looks perfect (screenshot)

And as soon as i refresh or something… There’s what it looks like…

Here is my public link : Webflow - Cario please help! Thanks in advance.

Any idea? I really need to get this fixed ASAP :frowning:

Your Photo Row 1 element has a set height of 800px on portrait mobile for some reason. When I remove that and let it inherit that value, it looks normal to me.

1 Like

I resolved it by setting the height of my photo wrapper to 33.33% instead of 100%! My photo row is still 800px height. Thanks!

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.