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

@CodeWithSubaru

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi Guys! Please let me know what I should improve in my code. Thank you very much, fam!

Community feedback

@0xabdulkhaliq

Posted

REPLY:

  • After inspected your code, i want to share a snippet of code that will be usefull for this solution

SNIPPET:

  • You don't need three rules for centering the card in main,

main{ display: flex; justify-content: center; align-items: center; }

  • Just apply the following snippet

main{ display: grid; place-items: center; }

  • This will minimize your lines of code, it will be usefull in your future projects also

MESSAGE:

  • If my answer helps you then providing an upvote will be very gratefull
  • I hope you learned a lot of stuffs during this project, Congrats brother

GREETINGS:

  • Peace be upon you with god's mercy & blessings Subaru..✨

Marked as helpful

3

@CodeWithSubaru

Posted

@0xAbdulKhalid Thank you for this wonderful solution and have a good day!

0

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