Profile Card with HTML and CSS

Community feedback

• 

  Eileen dangelo•1,600

  @EileenpkPosted almost 2 years ago

  Hi Nour, your project looks good.

  To have multiple background images in CSS you use comma-separated values. The images are stacked on top of each other, where the first image is closest to the viewer.

  This CSS should fix the images for you.

  body {
    background-image: url(./images/bg-pattern-top.svg),  url(./images/bg-pattern-bottom.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat ;
  }
  

  You can also use the background shorthand property

  body {
    background: url(./images/bg-pattern-top.svg) left top no-repeat, url(./images/bg-pattern-bottom.svg) right bottom no-repeat;
  }
  

  Here is a link that goes into multiple backgrounds in CSS. https://www.w3schools.com/css/css3_backgrounds.asp

  Hope you found this helpful!

  • Let's connect on LinkedIn! - @Eileenpk

  Marked as helpful

  0

  ---

  

  Nour Al-Osman•60

  @nalosmanPosted almost 2 years ago

  @Eileenpk

  Hey! thank you so much for the comment. went back and did some reading and updated it.

  I appreciate the help!

  0