Unwanted margins on iphone 12 pro landscape view

Design help General
1

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.

1d078b0b-b771-4e77-813f-99e7c41639bb
1d078b0b-b771-4e77-813f-99e7c41639bb1024×473 24 KB

  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?

Skärmavbild 2023-01-29 kl. 14.22.13
Skärmavbild 2023-01-29 kl. 14.22.131058×1300 118 KB

Thanks in advance.

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

2

Second problem is now solved.