NFT Preview Card Component using HTML and CSS
Design comparison
Solution retrospective
Hi everyone!
Here I'm with a new solution
I didn't think I could complete these challenges because I only have a basic knowledge and the truth is that I am very happy and motivated to keep on practicing.
Surely I have bugs to fix, , so please feel free to give me your feedback!
Thank you all!
Community feedback
- @rsrclabPosted almost 3 years ago
Hi, @herreranicolas ~
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.
- On smaller devices, card goes over screen, and I think
max-width: 100%
can solve this issue. - I suggest you to try transition on hoverable elements like image, heading and creator name.
- Please try BEM for naming element classes. It will help you a lot on bigger projects.
- Font sizes and spacings aren't the same with design. As a front-end developer, it's important to meet pixel-perfect requirements.
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 ~
0 - On smaller devices, card goes over screen, and I think
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