Profile Card Component

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Greetings, duncanwhyte! 👋

  Good effort on this challenge! 👍

  You could use the transform property to move the profile image around, but I think using negative margin (as gfontorbe suggested) would a better call for this situation.

  I'd like to suggest using the font provided in the original design to improve the overall look of the text in the solution. Also, I think leaving the background shapes at their original size and mostly positioning them using viewport units would help them remain their same size and in their place across screen sizes. 😉

  Keep coding (and happy coding, too)! 😁

  1
• 

  Guillaume Fontorbe•145

  @gfontorbePosted over 3 years ago

  One way to do it would be to set a negative margin-top for your image

  1

  ---

  

  P

  duncanwhyte•140

  @duncanwhytePosted over 3 years ago

  @gfontorbe Thank you I wasn't sure how negative margins worked but it looks a lot better now.

  0