Homepage looking totally different on Safari vs Chrome/Opera

Hello Webflow Friends,

Super stressed as I keep finding issues among all the different browsers. My website is www.harrisonbruhn.com

If anyone has any ideas that would be incredibly helpful. Thanks everyone and have a great day!

Here is Safari on a 13 inch mac

Here is Opera on a 2560 x 1440 PC


Here is my site Read-Only: (Webflow - Harrison's Marvelous Project)

Hi @Harrison_Bruhn , it is expected that they look different on 2 different screen sizes/pixel resolution. If you want to maintain the same ratio of font and element sizes. Avoid using pixel value here.
Screen Shot 2021-12-14 at 22.22.48

You can use VW for fonts or % for widths. You should also add a width value for your grid container so that it fills the same amount of space in all screen sizes

1 Like