Nakoya Wilson• 1,530
@nakoyawilson
Posted
You can add more than one background-image by separating the url sources with a comma and then you can do the same with background position. The code would look like:
body {
background-image: url(./images/bg-top.svg), url(./images/bg-bottom.svg);
background-repeat: no-repeat, no-repeat;
background-position: right top, left bottom;
}
Also in your media query you have the wrong path for your background image. You have background-image: url(/src/images/bg-top.svg); instead of background-image: url(./images/bg-top.svg);
Marked as helpful
2
Daniel• 100
@danM51
Posted
@nakoyawilson, I am flabbergasted, thanks a million!
0
Nakoya Wilson• 1,530
@nakoyawilson
Posted
@danM51 You're welcome!
0
Stefan• 620
@stfnpczk
Posted
@nakoyawilson @danM51
one little side note for the background-repeat property, you only need to set no-repeat once, it gets applied for both svgs. :)
0
Nakoya Wilson• 1,530
@nakoyawilson
Posted
@stfnpczk Good to know. Thanks!
0
