Bottom of grid cut off on mobile safari

Hi,

I’m having a problem with my site - it works fine on my computer, however when viewing my published site on mobile (safari isn’t working but android works fine) the bottom bit of my grid is cut off and you can’t see the link I am trying to align to the bottom left corner of the page.

This is the first time I have tried using grid so I’m almost certain it should be relatively simple to fix as I’ve probably made a simple mistake somewhere. I’ve attached a gif from my displaying what I can see - there should be an instagram link in the bottom left corner.

However, if I zoom out of the page it slowly slides up from the bottom? So it is loading, just not where I want it to.

Any ideas on how to fix this? Or, if there is a better way of doing what I’m trying to do (have a navbar with different links in each corner and a logo in the top middle) then I’d be open to suggestions!

Link to what I can see on my mobile below.

Readonly:
https://preview.webflow.com/preview/thrifty-store?utm_medium=preview_link&utm_source=designer&utm_content=thrifty-store&preview=047bb88d15c3d441c51c7a9204f14f27&pageId=5ec3c0b4542d537748398346&mode=preview

Published:
https://thrifty-store.webflow.io/styles

RPReplay_Final1589896923_1

Any ideas anyone? Still no idea why this is happening