
Pure HTML and CSS Product preview card component
Design comparison
Solution retrospective
I've experimented a bit with the class names trying to follow BEM conventions (not sure if the names are too big or if using -
are the right way though).
I'm pretty sure I've improved in responsiveness of this component as well (maybe someday I will leave backend development for good hahaha :P), thanks a lot for all the previous solution reviews (thanks specially to @danielmrz-dev!).
Also I've been looking up on how to improve the SEO of pages, and experimented a bit with microdata and some other tips that I got, such as heading structure, which is still a bit confusing by the way.
In case of a component, should headers be used?
Anyway, as always, any review is a good review! Feel free to comment anything or suggesting improvements!
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