Skip to content
Submitted 2 months ago

Frontend-Mentor-project: NFT preview card component

Mayank Maheshwari•190
@Ihdir
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

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

  • Stephen Funderburk•180
    @Mr-FunderburkPosted 2 months ago

    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
    Mayank Maheshwari•190
    @IhdirPosted 2 months ago

    @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

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