All comments

• 

  Dev Monkey• 100

  @halocoders

  Submitted about 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

  2

  0

  

  Luis• 270

  @luibernip

  Posted about 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