PROFILE CARD COMPONENT | RESPONSIVE | HTML CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Jarrian, congratulations for your solution!

  Your solution seems really good, I saw the code you've used to position the circles behind the card, there's a better way to do it, note that your background isn't scaling correctly.

  My advice for your is by doing the import of both images using the background-image inside the body and giving position for which separately using the , to declare the position for the top and bottom circles. See the code below:

   body {
      background-image: url(./images/bg-pattern-top.svg) , url(./images/bg-pattern-bottom.svg);
      background-size: cover;
      background-position: top -390px left -437px, bottom -478px right -370px;
      background-repeat: no-repeat;
  }
  

  Hope it helps and happy coding!

  Marked as helpful

  1

  ---

  

  Jarrian•150

  @godkingjayPosted over 2 years ago

  @correlucas thank you for the advice

  0