Making gradient background fill page with css

Question

I have this gradient background but I don\'t want it to repeat the way it does to fill the page, I want it to be one large gradient that fills the page.

html:

<

Answer 1

I agree with Adrift, adding height: 100% to the html tag will stretch the gradient. You can also remove the background-size: cover. This also works:

html {
  height: 100%;
}
body {
  width: 100%;
  background: linear-gradient(to left top, blue, red);
}

You should be able to add the rest of the linear gradients for other browsers without any issues. Hope this helps!