Responsive profile card page with html & css
Design comparison
Solution retrospective
This is my first project here, any feedback would be appreciated, specially about the optimization of my code.
Community feedback
- @MasterDev333Posted almost 4 years ago
Great work! It's a little tricky to positioning background circles in this challenge, but you did it well. It would be better if you make your class names more readable. Please take a look BEM naming conventions if you have time. Hope it helps. Happy coding~ :)
1@hagureshinmaPosted almost 4 years agoHello there MasterDev333! Thank you very much for sharing your insights. I followed your advice and tried to apply BEM conventions, i'll keep doing that for the upcoming projects :) Happy coding!
0 - @ApplePieGiraffePosted almost 4 years ago
Hey, hagureshinma! 👋
Congratulations on completing your first Frontend Mentor challenge! 🎉
Great job on this one! 👏 Your solution looks good and the background images are nicely placed! 👍
I only suggest perhaps adding a heading to the card component (such as for the name or something) to make your HTML a wee bit more semantic. You could even use the
<article>
tag for the whole component, then, too.Keep coding (and happy coding, as well)! 😁
1@hagureshinmaPosted almost 4 years ago@ApplePieGiraffe Hi there! Thanks for you feedback, i took a look at the subject and tried to apply it. I'll have semantics in mind from here on.
Happy coding!
0
Please log in to post a comment
Log in with GitHubJoin 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