Skip to content
Submitted almost 2 years ago

NFT preview card component

Ayush Keshwan•20
@AyushKeshwan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

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-GitHubPosted almost 2 years ago

    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

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