Background not consistent

I am a super beginner,
I try to make background clip path and gradient, however, the viewport looks good on mobile device, but on large screen, the background seems to get cut off.
Any suggestion would be awesome!!!

Hi. Do you have example code and screenshots?

I think you did not add the correct breakpoints in your code, so maybe your background may be consistent on ultra wide screen, its better to add code in the description but anyways your media query should be something like this:

@media screen and (min-width: 768px) {
   background: gold;
   clip-path: "change your clip-path a little bit and add it here"

body > #background {
width: 100%;
height: 100%;
background: linear-gradient(65deg, rgba(158,175,175,1) 54%, rgba(4,56,63,1) 98%);
position: absolute;
z-index: -1;

I also tried to take clip path off, and it is still only cover a portion of a page and not the entire view port.

The margin seems off with iphone