Okay so I am designing my website and I optimized it for every screen ( including horizontal mobile ), but when I publish the design the horizontal mobile view is a complete mess, why is that and is there any way to fix it?
At first glance I saw, that you are using vh as a height value for your hero section. The vh is a viewport value, meaning 100vh matches the actual full height of the device’s height (viewport).
When a mobile device is in landscape-mode, the height is usually too small for any “full section” of your website! Try using auto as a value, so your content inside the hero section takes as much space as it needs.