All comments

• 

  Dev Monkey•100

  @priopambudiSubmitted over 3 years ago

  I don't know what the righ unit and breakpoints to make the circle background responsive. Need your help.

  

  Profile Card Component Main

  1

  20
  

  Luis•270

  @luibernipPosted over 3 years ago

  Hello @Dev Monkey,

  As a suggestion you could position both circles without touching its width. Use % but instead of using a negative percentage for the x-axis, use a positive % by using oposite side:

  .img-top {
  position: absolute;
  z-index: -99;
  top: -50%;
  right: 50%;
  }
  .img-bottom{
  position:absolute;
  z-index:-99%;
  bottom: -50%;
  left: 50%;
  }
  

  Hope this recommendation works for what you are trying to achieve. Have a great day!

  1

  This comment has received 1 replyShow