Profile card component

Community feedback

• 

  imad•3,330

  @imadvvPosted over 2 years ago

  Greetings Michael, Congratulations on completing this challenge!, The background on this challenge a litter bit tricky but they are many ways to archive it, one easy way is to use it as a background-image, I make some changes to your code to use this method and the result like so

  index.html

  <div class="c1"></div>
  <div class="c2"></div>
  
  

  style.css

  /* CIRCLES */
  /* .circles img{
     position: absolute;
     z-index: -2;
  } */
  .c1 {
      position: absolute;
      top: 0;
      left: 0;
      height: 50vh;
      width: 50vw;
    
      background-image: url("./images/bg-pattern-top.svg");
      background-position: bottom right;
      background-repeat: no-repeat;
      z-index: -1;
  }
  .c2 {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 50vh;
      width: 50vw;
    
      background-image: url("./images/bg-pattern-bottom.svg");
      background-position: top left;
      background-repeat: no-repeat;
      z-index: -1;
  }
  
  
  

  Hope This help!!

  over all you did well Happy coding and keep up the good work 👍

  Marked as helpful

  1