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

@avinno

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


  • Well...lol, the hover for the main top image with view icon gave me some struggles for some reason. I have been looking at the computer screen all day and think I just got a little out of sorts, but I danced around how I wanted to make that hover happen. I finally did it a way I felt was easiest for me personally. I tried many ways. I will leave it at that!

  • I am fairly sure of all my code. Once I completed this project/challenge, I felt a-o-kay about my code! As always, let me know if you have any suggestions! Feedback is always welcome!

  • Please feel free to share your best practices for this challenge if I did not already use them. I was able to achieve a hover/overlay many different ways, so if one way in particular is best, please share with me that way and why it is best!

Community feedback

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