NFT Card Component challenge with some experiencing
Design comparison
Solution retrospective
I would appreciate very much if someone could read my code. I think its really really long and I cheated a lot (both at placing the Ethereum and clock signs, as well as the avatar and mainly locating the "view" icon. As for the design, i know its not 100% the solution, but i kinda liked to experience with new features, hope you don't blame me haha. Be good.
Community feedback
- @RioCantrePosted over 2 years ago
Hello there! Awesome work with this project. Looking at your solution, I would like to suggest the following for you…
- Import the
attribution
style in CSS file and remove thestyle
tag - Include description with the
alt
in image tags. Like this line<img class="eq-main" src="./images/image-equilibrium.jpg" alt="">
- Wrap the whole content
attribution
withfooter
tag. For HTML structures, refer it with this one Semantics - Add the hover state of the fonts in
.name
andspan
rule sets - Clean the whitespaces in the code
Above all, the design is well implemented. Keep it up and Hope this is helpful!
Marked as helpful2 - Import the
- @bczbczPosted over 2 years ago
Hi there. Good job. There is some problem with horizontal scrolling in lower resolutions. Check it if you want to improve your solution. Keep going :)
Marked as helpful1@gomesemogPosted over 2 years ago@bczbcz thanks for the feedback my brother. You got me thinking and i just found where i was wrong on my code. nice!
0 - @NaveenGumastePosted over 2 years ago
Hay ! GUILHERME Good Job on challenge
These below mentioned tricks will help you remove any Accessibility Issues
-> Always use h1 first and then h2, h3 and so on
-> Learn more on accessibility issues
If this comment helps you then pls mark it as helpful!
Have a good day and keep coding 👍!
Marked as helpful1
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