Profile Card Solution

Hello @DevonHughesCodes!

Your solution looks great!

The background pattern with the circles is 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!

Nice work! Remove the background images from the HTML and paste these codes into the CSS file.

body {
  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;
}