profile card component using HTML, Scss and Bootstrap

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hola Ricardo, congratulations for your solution!

  Your solution design is really good, I liked that border you've added to the card, this gave your solution a personal touch, that's amazing!

  You've missed only the background with the double circle, to import more than one image inside the background-image all you need to do is the import of one image and add , comma to add another image. 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;
  }
  

  You can note that I've used two import for the images with the comma to separate each image, and also for the other properties the comma is used to manage each image separately. If you paste this code you'll see that now the images positioned.

  Hope it helps and happy coding!

  Marked as helpful

  0

  ---

  

  Ricardo Fuentes Urbina•370

  @RicardoFuentes437Posted over 2 years ago

  @correlucas Thank you so much for your feedback, i definitely forgot to import both images hahaha, thanks for pointing that out and for the tip, i really appreciate it and i'll use it for future projects :)

  1