All comments

• 

  Matthew-Daniel White• 90

  @PersianBlue

  Submitted over 1 year ago

  I couldn't figure out how to get the two circles to occupy the top-left and bottom-right corners of the background, while still being responsive. That was the most challenging part for me. Open to any suggestions on how to accomplish that

  

  Profile Card Component with a nice background

  2

  60

  

  Diego Ferreira• 0

  @dieegofrr

  Posted over 1 year ago

  I give you props Matthew!! Tip: To put the two circles on the background, you can use some background properties. For example:

  background-image: url('circle1.svg'),
        url('circle2.svg');
  background-repeat: no-repeat, no-repeat;
      background-position: left -17.75rem top -31.875rem,
        right -14.375rem bottom -39.625rem;
  

  If you want, you can see my solution. I hope it helps!!

  2