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

Web-first solution using BEM, Flexbox, and CSS variables

Vanessa Martinβ€’ 155

@vsm1996

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


This one was a lot of fun! Please let me know if you have any suggestions or advice! Thank you ☺️

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hey, Vanessa Martin! πŸ‘‹

Nice to see you complete another challenge so soon! Good work on this one! πŸ‘

As Rabin92 mentioned, kudos for using BEM to keep your CSS class names neat and organized in this challenge. The positioning of the background SVGs is also pretty good (something that often gives people trouble on this challenge). πŸ™Œ

I only suggest using a heading tag for the title of the card to make your HTML a wee bit more semantic. πŸ˜‰

Keep coding (and happy coding, too)! 😁

1

@Rabin92

Posted

Hey Vanessa,

Congratulations on completing this challenge!

Your site looks great on all screen devices and you have done a good job using BEM to organise your code.

Keep up the good work!

Happy coding!

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