Design comparison
Solution retrospective
I was not able to do the hover effect of the nft picture that well. Open to greater suggestion.
Community feedback
- @rayaattaPosted 10 months ago
Hello 👋Bn-Bushra, I think you did a good job.
I have some suggestions though.
1 I noticed
<section class="nft-name"> Equilibrium #3429 </section>
On the card it was supposed to be some sort of heading so an
h1
would have been better.And also remember to make your code semantic which means to provide additional information that helps define the roles and relative importance of the different parts of your page. Using a section tag to wrap texts ruins accessibility.2 The avatar image`s alt attribute should have the name of the person on the pic.i.e
alt="Jules Wyvern"
I hope this helps 🙃
Your solution looks amazing 🤩
Happy coding ✌️
1@Bn-BushraPosted 10 months ago@rayaatta Thanks for taking your time to go through my solution. I'll ensure that I use at least one h1 heading per page, limit the use of section tags and provide alt text for images at all time.
0@rayaattaPosted 10 months agoActually I am not saying you should limit the use of section tags,I am saying you should not wrap text inside them directly rather you should use text wrapping elements such as <p>,<a>,<span>,<h1>-<h6> for that@Bn-Bushra
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