How to fix the website view not above 1440px

My current website is this https://resillience.in It is completely responsive below 1440px and works fine

enter image description here

But it looks wierd when viewed at 2560px as shown below

enter image description here

Don’t want to change the things also in % to make it responsive at 2560px

How to fix the view at 1440px and have a work around like shown below If viewed at higher, it adds padding from both sides.

Also adding max-width:1440px in the main html css file, I cannot achieve the desired result

enter image description here

The following code also might not solve

#root {
  max-width: 1400px;
  margin: 0 auto;
}

Because some of the images are having its css property as

position: fixed;
right: 0;

Answer

In general,you can apply this CSS to your #root element:

#root {
  max-width: 1400px;
  margin: 0 auto;
} 

This will limit the overall width at 1400px and center it horizontally when the window is wider than 1400px.

I don’t know if there are any details in other pages of your website which would cause a problem in conjunction with those settings (I don’t see any at first sight), but this would be an easy, general procedure to get what you are asking for.