I need assistance with a website that features a gradient implemented through CSS like this:
#grad {
background: -webkit-linear-gradient(#87a0b4 80%, #6b88a1);
background: -o-linear-gradient(#87a0b4 80%, #6b88a1);
background: -moz-linear-gradient(#87a0b4 80%, #6b88a1);
background: linear-gradient(#87a0b4 80%, #6b88a1);
}
<body id="grad">
The issue I am encountering is that if the webpage's height exceeds my standard window size (which may vary on different screens), the gradient resets.
You can see the problem in action here:
Is there a way to ensure that the gradient always extends to the bottom of the page, regardless of its length?