
Design comparison
SolutionDesign
Solution retrospective
Ahhh, finally, thanks to this challenge, I've got it how to use <picture> tag! =) I had some tough time adjusting line-height and letter-spacing properties, I hope it looks close enough to the design =)
As, supposedly, it's a product card for some store, it doesn't have any <h...> tag, and the index.html doesn't have header/main/footer structure. I've made it on purpose, it's not a mistake =)
Also, I've tried to use BEM methodology, please, check it out, any advice is welcome!
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