Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT preview card component

@AyushKeshwan

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Here are some parts I find it difficult to code:

  1. To put icon (overlay image) on main image.
  2. To align both etherum and clock icon perfectly with their respective tags.

All feedbacks are appreciated, Thank you in advance ^^

Community feedback

Ali Ahmed 680

@Dany-GitHub

Posted

You did well in this challenge but their is a small issue in all images src they don't show their perspective images to solve this issue you just need to add . for all images src or delete the / like this <img src="./images/icon-ethereum.svg" alt=""> or like this <img src="images/icon-ethereum.svg" alt=""> and because / alone refer to the root file, and the image is not there it will not load, also try not to leave alt attribute empty, if you find this image will is not important for accessibilty you can add this attribute aria-hidden="true" to img tag hope this was helpful, Have a great day and happy coding ✌

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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