Document

Backgrounds make a website complete!! There are so many ways to make backgrounds look better.

auto

cover

contain

pixels

position

here are the codes below:

background-size: auto;
background-size: cover;
background-size: contain;
background-size: 50px;
background-position: 33% 15%;

you can also layer backgrounds together, which i do frequently

At first, I added two backgrounds by just adding a comma then the second image, after that i used the background-blend-mode: luminosity; property to change how the backgrounds interacted with eachother. See the code below:

Remember, it's important which order you put the backgrounds, I put the image before the gradient so it would be above it. If I inverted it, the image would be under the gradient and not seen.