@danielmrz-dev
Posted
Hello @HunigoleSan!
Your solution looks great!
You don't need separate containers to create that background pattern. It's a bit tricky, but here's how you can do it:
📌 Add this to the body:
background-color: var(--Dark-cyan);
background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
background-repeat: no-repeat, no-repeat;
background-position: right 52vw bottom 35vh, left 48vw top 52vh;
I hope it helps!
Other than that, you did an excelent job!