Profile Card Component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  HeloJavascriptoo, congratulations for your solution!

  I solve this background issue the same way you did, I just exported the bg with the circles on Figma 😂

  But you can manage it using the body and the background-image properties, as background-size background-repeat and background-position

  See the example below:

  Body {
  background-image: url(image top), url (image bottom) ;
  Background-repeat: no-repeat;
  Background-position: top 20px left 20px, bottom 20px right 20px;
  

  Note thst the values before the comma correspond to the first image and after for the second, so you can manage each image separately.

  Hope it helps and happy coding!

  Marked as helpful

  1

  ---

  

  javascriptooo•310

  @javascriptoooPosted over 2 years ago

  @correlucas Nice! Thanks so much -- That worked.

  I had to adjust the background-position numbers to negative values but you helped me understand how it works.

  Background-position: top -350px left -350px, bottom -350px right -350px;

  Happy Coding to YOU as well!

  1

  

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  @javascriptooo Thats nice, happy to hear that worked.

  1