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

Frontend-Mentor-project: NFT preview card component

@Ihdir

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


What are you most proud of, and what would you do differently next time?

This time, I focused on improving the container and image alignment, which had been challenging in previous projects. I also started to grasp BEM conventions and applied them where possible. Additionally, I incorporated max-width and worked on some of the feedback I received earlier to enhance my code structure and responsiveness. I'm still learning these concepts and getting my hands on them as I continue to improve.

What challenges did you encounter, and how did you overcome them?

Fortunately, I didn't face any major challenges this time. The code flowed smoothly and worked as I wanted, which made the process more enjoyable.

What specific areas of your project would you like help with?

I’m open to any feedback for improvement and eager to learn more. I’d appreciate help with refining my code structure and understanding areas I haven't fully worked on yet.

Community feedback

@Mr-Funderburk

Posted

Awesome work! Your code looks clean!

You are missing the hover state icon on your image (the eye icon).

One suggestion I have is to make sure that anything clickable (anchor tags) has its cursor changed to a pointer. This helps to indicate to the user that it is something they can click on. And it's super easy to do in CSS!

Marked as helpful

2

@Ihdir

Posted

@Mr-Funderburk Thank you so much, Sir! It’s always motivating for a beginner to hear compliments like that. I appreciate your suggestion and will definitely make sure to change the cursor to a pointer for clickable elements in the future. Thanks again!

1

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