Profile Card Component - Mobile first, flexbox

Hello @MiyaoCat!

Your solution looks great!

The background pattern with the circles is a bit tricky, but you don't need separate containers to create it as it's possible to work with multiple background images at the same time. 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!