Profile Card Component Solution

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 7 months ago

  Hello @Mygaverse!

  Your solution looks great!

  In case you want to get the exact position of the background circles, 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!

  0

  ---

  

  Mygaverse•150

  @MygaversePosted 7 months ago

  @danielmrz-dev Thanks for your great advice! I was doing it similar to that. With position, I did something like yours, but instead of using vh and vw, I was using percentage which require a lot of adjustment. For that background image with url, I wasn't be able to point to the file directly. I only got it working when using a svg encoder to get css ready url. Is your code working the way you provided me?

  0