Profile card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hello Greg, congratulations for you new solution!

  Answering your question:

  You can add these two circles as a background, adding it to the body with two keys properties, background-image and background-position, note that the comma inside each properties declare the single modification for each circle separated.

  Copy and paste this code to have the images circle positioned and them play with the values to have the circles where you think is a better place:

  body {
      background-color: hsl(185deg, 75%, 39%);
      background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg);
      background-repeat: no-repeat, no-repeat;
      background-position: top -500px left -400px, bottom -700px right -250px;
      font-family: 'Kumbh Sans', sans-serif;
  }
  

  Hope this helps, happy coding!

  Marked as helpful

  1

  ---

  

  Grégory Locigno•50

  @WorkableryPosted over 2 years ago

  @correlucas Hi Lucas ! Thank you very much for your advice ! I will implement this directly !

  0