Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile Card Component / using HTML , CSS , Flexbox

@erdim-turkay

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@OguzcanKarakoc

Posted

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.

0

@erdim-turkay

Posted

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

Have a great day :)

0
T
Grace 30,770

@grace-snow

Posted

Hi

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 👍

0

@erdim-turkay

Posted

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 :)

1

Please log in to post a comment

Log in with GitHub
Discord logo

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