Submitted about 3 years ago

Profile card

Alexander Pena• 30

@alexpenadev

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Any feedback is greatly appreciated 😀

Community feedback

Lia Marie• 80

@lmestrella

Posted about 3 years ago

I noticed that you set a fixed width and height on your .profile-card; I personally avoid this as much as possible since I've read that it should only be applied on an element if it's really necessary.

Also the font size and letter spacing could be a bit bigger to match the design reference.

That's all, thank you. I learned a lot from your css. :)

Alexander Pena• 30

@alexpenadev

Posted about 3 years ago

@lmestrella Added the line height and letter spacing and font-size thank you for the feedback 👍

RIDUAN HOSSAIN NIAM• 100

@rhniam

Posted about 3 years ago

Hey @Alexander Pena I did this challenge too and it was so frustrating. Your code is great and I learn a lot from you.

RIDUAN HOSSAIN NIAM• 100

@rhniam

Posted about 3 years ago

For adding box-shadow you need to use z-index and position: relative to your .stats

I think it will work.

Alexander Pena• 30

@alexpenadev

Posted about 3 years ago

Thanks rhniam for the box-shadow comment added it to the profile card didn't have to use z-index looks better 👍

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord