Streaming live at 10am (PST)

Problem with the page width in Safari?

Hi,

Somehow I can scroll to the right on my webpages for about 100vw… This issue only occurs in safari though.

Has anyone encountered this before? :open_mouth:

Kind Regards,
Robin


Here is my site Read-Only: Sharelink

This is my published site: Published Site

I think the issue is clearest on a mobile viewport.

Never use 100vw for your elments’ widths, this will always produce a horizontal scroll. Use 100%.

1 Like

Thanks! I found the solution! :smiley:

It was a combination of using 100vw instead of 100% and having a wrap on the children in flexbox!

I wonder how could this possibly create scrollbars?

I’m not sure, but I’ve just noticed that safari has some trouble with wrapped flexbox children (compared to other browsers) …