[Solved] Preventing a gradient background from repeating?

Hi all,

I added a gradient to my website, attaching it to the body element. However, on certain devices, only some of the website is the gradient wanted.

Any way I can prevent this and keep the background consistent?

Here is the site: https://giacomolaw.github.io/

The code on GitHub: https://github.com/GiacomoLaw/giacomolaw.github.io

The index.html code: https://github.com/GiacomoLaw/giacomolaw.github.io/blob/master/index.html

The CSS code: https://github.com/GiacomoLaw/giacomolaw.github.io/blob/master/css/style.css

Thanks in advance!

I think adding this CSS will work:

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
3 Likes

Thank you so much, it worked!