Submitted over 1 year ago
Will Smith Profile Card Component(Inspired by @correlucas) | CSS, BEM
@teoh4770
Design comparison
SolutionDesign
Solution retrospective
Feel free to leave feedback and help me improve my code structure or even the solution!
Hi there! This is my attempt at Profile Card Component with Frontend Mentor. I do not want to copy and paste the project itself, so I decide to use a mockup from someone else. I find that @correlucas has one of the most creative solutions among many solutions. I take this as an inspiration, and I have learnt a lot in just a small project like this:
- the BEM naming convention - it helps structure the HTML and CSS better and provides meaning to the HTML elements
- the animation - hover effect and transform CSS property, just like @correlucas, I have to eventually look up to his code and learn how to use the sibling combinator
- "content" CSS property - you can change the image with a new URL!
Community feedback
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