Submitted almost 2 years ago
NFT preview card component (HTML & CSS)
@ignaciofigueroadev
Design comparison
SolutionDesign
Solution retrospective
Hey there! π«‘ this is Nacho
This is my solution of the "NFT preview card component"
How was my experiencie in this project?
It was tough, but I did it. I really liked tolerating frustration while doing this project
What I used in this project?
- HTML & CSS
- BEM
- Flexbox
- Mobile-first workflow
I have some questions:
- Actually, I don't sure if my solution is okay... I have something to improve?
- I have something wrong or any bad practice?
I want to know your feedback! any tip or advice are helpful and welcome!
Cheers!
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! π Here are some suggestions to help improve your code:
- The "NFT image"
alt tag
description needs to be improved upon β οΈ. Assume that you are describing the image to a someone over the phone.
- The βiconsβ in this component are purely decorative. β οΈ Their
alt tag
should be left blank and have anaria-hidden=βtrueβ
to hide them from assistive technology.
More Info:π
https://www.w3.org/WAI/tutorials/images/
- Wrap the "NFT image", "Equilibrium #3429" and "Jules Wyvern" in an
anchor tags
β οΈ. Theanchor tag
will allow users to click on content and have them directed to another part of your site.
More Info:π
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding! πππͺ
0 - The "NFT image"
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