I have a background for my website, and I have it centered and non-repeating, but how do i get it to zoom/fill

I have a background for my website, and I have it centered and non-repeating, but how do i get it to zoom/fill someone pls help

Please clarify and show us a project (view) URL.

Just don’t let others join.

Try setting the background-size property to something large, like 500%

Oh. The background image is repeating because it isn’t big enough. You should try that or use a simple other design.

I don’t know about making the background response/zoom to fill though…

it would look really weird so the w3c decided to make it repeat haha

1 Like

Here is some code that completly covers the page and stays centered.

    body { 
       background: url(background.png) no-repeat center center fixed; 
       background-size: 100%; 
       background-size: cover;
       min-height: 100%;
       margin: 0;
       padding: 0;
    }
2 Likes

I didn’t know that! cool

2 Likes