profile card component

Community feedback

• 

  Faris P•2,810

  @FarisPalayiPosted over 3 years ago

  You can use the z-index property to stack things. Set the z-index to 1or higher on the .card element, and it will stack on top. You can read more about z-index on MDN

  0

  ---

  

  Harsh Champakbhai Patel•150

  @harsh72835Posted over 3 years ago

  @FarisPalayi thanks for tip.!

  0
• 

  Tereza•605

  @sirriahPosted over 3 years ago

  Hello, the problem with the bottom circle is that it has not set the z-index. So the browser doesn't know, which element should be on top.

  But instead of setting this, try to add these two circles into the ::before and ::after selectors. These images are not the part of the content they are only a background, so you can put them into the css.

  Happy coding!

  0

  ---

  

  Harsh Champakbhai Patel•150

  @harsh72835Posted over 3 years ago

  @sirriah okay, thanks for help.

  0