Profile Card Component with HTML and CSS

Community feedback

• 

  Dicskson Owusu Nyantakyi•270

  @ondicksonPosted about 2 years ago

  I think this is because your card is a little bit smaller. Anyway, I think your solution is very good. Try using this background-position and see if it fixes it

  background-position: -2% -25rem, 100% 30rem;

  0
• 

  Vijayalakshmi•50

  @VijayalakshmiGaneshPosted about 2 years ago

  Even I face the same issue. A person suggested me to try positioning those bubbles relative to the card itself instead of body. I haven’t tried it yet. Thought it might be helpful to you

  0

  ---

  

  Givi J.•130

  @WhiteFatalPosted about 2 years ago

  @VijayalakshmiGanesh I have looked at other solutions and everyone seems to have the same problem. Positioning relative to the card container might be the way, thanks for the idea.

  0

  

  Givi J.•130

  @WhiteFatalPosted about 2 years ago

  @VijayalakshmiGanesh It worked! I fixed it using positioning as you advised. Next, I used overflow: hidden in the body to hide lower right part of bubble.

  0

  

  Vijayalakshmi•50

  @VijayalakshmiGaneshPosted about 2 years ago

  @WhiteFatal Glad it worked for you !

  0