NTF Card Component using HTML & CSS
Design comparison
Solution retrospective
Opinions on how the HTML was structured and on my use of CSS grid and flexbox, any constructive feedback is appreciated.
Community feedback
- @rsrclabPosted almost 3 years ago
Hi, @retrovertigo1981 ~
Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.
Here are some of the tips I like to provide.
- There is no hover effect on NFT image, and that's also one of the challenging part on this project.
- Try BEM for classing the elements. That will help you a lot on bigger projects.
- On 320px device, card goes over screen, and using
max-width
will solve the issue.
https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH
Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.
Cheers ~
Marked as helpful1@retrovertigo1981Posted almost 3 years ago@tymren608 thanks for your tips, I had not realized that I had forgotten the hover effect in the image, I will improve it. I will study further BEM to better classify my elements. Thank you very much!, an affectionate greeting from Chile.
~cheers
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