Streaming live at 10am (PST)

Flexbox Unexpected behavior


#1

I can’t seem to get rid of a space when my flex grid is on smart phone landscape mode. The second image is wrapping to the next row. Can someone help? It doesn’t look like that in the webflow preview.

49%20PM

https://preview.webflow.com/preview/grant2018?preview=962a12d94af924b0ae372ee756854257


Here is my site Read-Only: https://preview.webflow.com/preview/grant2018?preview=962a12d94af924b0ae372ee756854257
(how to share your site Read-Only link)


#2

Your phone is an iPhone and the browser is Safari, right? And the bug doesn’t happen in Chrome mobile, right?

Using Webflow designer, on mac, in Safari, make the grid work (you may have to redo it for it to work). Once it works on Safari, it will continue to work when you switch back to the designer in Chrome. and the grid will work on Safari and Safari mobile.


#3

Wow. I thought I was going crazy. Thanks for the tip!

Grant Davis
630.936.8843


#4

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