position relative and flex

HI... To change the background you can use 3 properties on the body of your work

background-image: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg");

background-position:-90% -500px, 170% 400px;

background-repeat: no-repeat;

I dont remember what are the exactly position so feel free to change it

just remenbering the "," separate the first from the second

Hi there😀,

Your solution look's good.

And for the bg image(for background img tag) use,

👉position: absolute : this will not affect the flow of other element.

👉z-index:-1 : by default all elements as z-index:0 by giving -1 it will moved to back.

👉left , top , right and bottom: by using this property on element with position: absolute or relative you can change/ modify the place of that element.

Happy coding👨‍💻

NitheeshKumar😄