how to make gradient backgroud cover whole page in html

CSS
/*Basically, add html height 100%. This will stretch your gradient.*/
html {
  height:100%;
}

body {
  background-image: /* put gradient here */;
  background-repeat: no-repeat;
}
Source

Also in CSS: