Unable to apply css linear gradient to the whole page

Unable to apply css linear gradient to the whole page
0.0 0

#1

Struggling to apply linear gradient as a background behind the box to the entire page. Its halting at the bottom. On increasing the height of the box it appears to resolve the issue but its not working if its a square.


#2

Hi @skenny34

You could use do the following:

body{
  min-height: 100vh;
  background-image: linear-gradient(12deg, #21D4FD 0%, #B721FF 100%);
}

vh stands for viewport height. Basically will make the body the size of you’re window (at minimum). If thec content stretches past the window then the body will go with it and the gradient will follow.