Streaming live at 10am (PST)

Need help with Flexbox grid and flex child styling


#1

Hi guys

I just finished a portfolio website for a friend. I made use of flexbox for the videos and image portfolio.
All look and work well when testing responsiveness even in my android phone.
The problem displays is in the iphone, (stacked images) at least my friend's iphone and his wife's iphone too as you can see in the screenshots below

My friend see the problem under Safari and Google Chrome. both iphones are new and have installed the latest IOS. When seen on his iPad looks well.

The site is this so you may check and let me know if you see the same problem
http://holanomada.webflow.io/

If so, any idea about solving it??

Thank you guys!


#2

Your site on iPhone I see the problem as well.


#3

In your situation, you will have to set min-height for the items inside the flexbox.


#4

it looks like a cascade but the height seems to be normal.


#5

Hi @GrafoWebCom, could you help to share the read-only link to the site ? http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link, that will help to troubleshoot this much easier, thanks in advance.


#6

Ok here it is
https://preview.webflow.com/preview/holanomada?preview=0dda31acaace0bbecaca706220bbad04

thanks!


#7

Hi @GrafoWebCom, this looks like a styling issue, not a bug. I am making up some styling instruction change for this, as there are a few styles to be modified in the structure.

Will get back to you asap.


#8

Wow great! thanks.
I'll wait


#9

Hi @GrafoWebCom, check out some suggestions in this video, to get things looking right on the iOS view:

Let me know if this helps :slightly_smiling:


#10

Wow!! Thanks a lot Cyber Dave
I will make the changes and let you know about it tomorrow morning.


#11

Hi CyberDave
Just to let you know that now it displays great thanks to your instrcutions.
A VERY BIG THANKS!!!

Bye bye


#12

@GrafoWebCom Make sure to mark Dave's post as the solution as to let the rest of the Webflow community know that your question has been resolved. :wink::+1:


#13

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