Profile Card Component using HTML and CSS

Community feedback

• 

  NMT Nabeel•80

  @T-NabeelPosted over 2 years ago

  Hey, Nice work on the first challenge.

  I did took a look into your code. Try adding the following code after body selector. It will work.

  body::before,
  body::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    transform: translate(-50%, -50%);
  }
  
  body::before {
    z-index: -1;
    background: url("/bg-pattern-top.svg") no-repeat bottom right;
    top: 0;
    left: 0;
  }
  
  body::after {
    z-index: -1;
    background: url("/bg-pattern-bottom.svg") no-repeat top left;
    top: 100%;
    left: 100%;
  }
  

  Hope this helps! 👍

  Marked as helpful

  1

  ---

  

  Shefali•250

  @WebdevShefaliPosted over 2 years ago

  @T-Nabeel This worked for me. Thanks for your help :)

  0

  

  NMT Nabeel•80

  @T-NabeelPosted over 2 years ago

  @WebdevShefali Happy to help!

  0