Unwanted margins on iphone 12 pro landscape view

Hello everyone,

I have two issues that I’m trying to figure out -

  1. How to remove unwanted margins to the left and right of my design when viewed on mobile landscape mode on Iphone 12 pro.

  1. My previews on mobile landscape for iphone 12/13 and X looks messed up when inspected on chrome and also when previewed in ResponsivelyApp but looks good on the actual phone, how should I approach this?

Thanks in advance.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Second problem is now solved.