Streaming live at 10am (PST)

Problem with flexbox on mobile


#1

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 : https://preview.webflow.com/preview/cario?preview=3e0d05f3df96c914661c41f81c2e9fa2 please help! Thanks in advance.


#2

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


#3

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.


#4

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!


#5

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