Submitted over 3 years ago

Profile Card Component / using HTML , CSS , Flexbox

Erdim Türkay• 85

@erdim-turkay

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Community feedback

Oguzcan Karakoc• 70

@OguzcanKarakoc

Posted over 3 years ago

In addition to the review given by Grace, The image isn't aligned properly in the center. Try using align-items: center; in the header part of the card.

Erdim Türkay• 85

@erdim-turkay

Posted over 3 years ago

Thank you for response Oguzcan, you are so right. I'l be updating.

Have a great day :)

Grace• 30,770

@grace-snow

Posted over 3 years ago

This looks pretty good but a few things not quite right yet

the card is touching the sides of the screen on mobile portrait and I'm getting unnecessary horizontal scroll
the layout breaks on mobile landscape for me with some content off screen
the background positions don't look right in mobile but look good on desktop preview

I can't check code as getting a 404 error - is your repo private perhaps?

Well done on remembering the small details like the box shadow BTW 👍

Erdim Türkay• 85

@erdim-turkay

Posted over 3 years ago

Thank you so much for the response, i'm so sorry for this. I changed the repo on public. I'll be updating my code based on your review.

Have a great day :)

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