Why is my layout wrong on iOS

https://weather-me.netlify.com

I’m assuming it’s something to do with CSS, but i can’t figure out what exactly. If you notice on iphone, the top section of the site is all stacked together and not spaced out correctly. Though, it works fine on my samsung.

Hi Randell, I added a link to a screenshot above. For the browser I had people test it on safari and on chrome on an iphone 6 and iphone 7.