Skip to content
Submitted almost 4 years ago

HTML & CSS Profile Card Design

Ayon•25
@ayyonn
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any feedback is appreciated!

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hi there, Ayon! 👋

    Nice job on this challenge! 👏 Your solution looks good and you've done a nice job in placing the background images in this challenge (something that can be a little tricky to do)! 👍

    The only tiny thing I have to suggest is to leave the alt text for the image that is the background pattern of the card empty since it is a purely decorative image and doesn't need to be read by screen readers. 😉

    You could also use an <article> tag for the card component itself (since it is a self-contained element) to make your HTML a little more semantic.

    Keep coding (and happy coding, too)! 😁

    Marked as helpful
  • KingOfTheFlies•110
    @ezraakankwasa

    You did a good job though you could have center aligned the card in the middle but all in all great job.

    Marked as helpful

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