Profile Card Component / Only Html & Css

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Marco Antonio, congratulations for your new solution!

  Your solution is great, but you need to fix the background that's displaying only one circle.

  Remember that you can addd these two circles as a background, insert it to the body with two keys properties, background-image and background-position, note that the comma inside each property and declare the single modification for each circle separated.

  Here's is your code with the circles applied and working:

  body {
      font-family: 'Kumbh Sans', sans-serif;
      background-color: hsl(185, 75%, 39%);
      /* background-image: url(images/bg-pattern-top.svg); */
      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;
      background-repeat: no-repeat;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Marco Antonio Alvarado Cabrera•80

  @thebennymaPosted about 2 years ago

  @correlucas

  Hello!

  I didn't know I could use those attributes (background-image / background-position ), thank you very much for the help!

  The code has been fixed :D

  0