Card page using HTML and CSS

Community feedback

• 

  Eric Karugu•210

  @erickaruguPosted over 3 years ago

  Hello Dardian!

  Well done on completing this challenge👏👏 Regarding your question I see you have the transform: translateY(-3em) on your .content div and this is pulling all the contents inside this div up leaving a space at the bottom of the card. You can negate this by removing padding: 1.5em and margin-top: 1.5em; and replacing it with transform: translateY(3em) on the .stats div.

  That is one way to do it. Happy coding!👩‍💻

  1

  ---

  

  Dardian•60

  @TheTryfechtaPosted over 3 years ago

  @erickarugu32 I implemented your feedback and added a separate div ".divider" for the thin line. Thanks!

  1

  

  Eric Karugu•210

  @erickaruguPosted over 3 years ago

  @TheTryfechta Nice! Looks good now👍

  0
• 

  Nebiyou Ersabo•185

  @NebiyouErsaboPosted over 3 years ago

  This is fantastic. I'm currently working on the same challenge, and I just saw some useful tips from yours. Thanks and keep up the good work!

  1

  ---

  

  Dardian•60

  @TheTryfechtaPosted over 3 years ago

  Thanks!

  0
• 

  Shiryumee•210

  @Shiryu790Posted over 3 years ago

  It's perfectly responsive. But why did you forget the two SVG Which should have been your background images ?

  1

  ---

  

  Dardian•60

  @TheTryfechtaPosted over 3 years ago

  @Shiryu790 I know it's "responsive" (as responsive as a fixed size card can be), I'm just wondering if there's a better way to adjust the .stats div size than using padding.

  And I don't know why, but I did forget them indeed, so I'll add them now, thanks!

  1