Repeat background image y (vertical) . The catch is that the last repeat shouldn't cut out because of not enough page content


I am looking for a way to repeat background image to the web page fitting completely to the page and also the last image repetition showing completely as well and not getting cut out because there isn’t enough content to extend the page

Any ideas?

Hey. You could try and use background-repeat: round. It basically stretches the image until there’s space to add another copy of it. It still does cut off the image a little at certain resolutions if you set a background-size, otherwise it works fine.

You can see an example here.