Skip to content
Submitted 13 days ago

NFT Preview Card Component - Vanilla

Bamo-D-Abdallah•300
@Bamo-D-Abdallah
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?

Nothing specially, wasn't difficult.

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

I have hard time controlling images in the correct way, I know some hacky way but I have to learn best practices.

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

Overall code review, especially the ways I put them in container and also how to control image sizes in the right way.

Community feedback

  • Natali 👻 Grimm•1,130
    @Grimm-NPosted 13 days ago

    Great job on the work—you're absolutely nailing it! 🌟 Keep going, you're on the path to mastery!

    Here are a couple of suggestions to make it even better:

    1. Try using relative units like rem, em, %, vh, and vw instead of pixels. It’s best to use these everywhere, as they help create a more responsive and scalable design.

    2. Consider using BEM (Block Element Modifier) for naming your classes. This naming system keeps things organized and readable, especially as your project grows. With BEM, you’ll instantly know what each class does and avoid naming conflicts—making your code easier to maintain and scale!

    1
    Bamo-D-Abdallah•300
    @Bamo-D-AbdallahPosted 13 days ago

    @Grimm-N Thanks for the feedback but I didn't use any px and already used BEM style for my class names.

    0
    Natali 👻 Grimm•1,130
    @Grimm-NPosted 13 days ago

    @Bamo-D-Abdallah Oops, my bad! 😅 Looks like I peeked into the wrong folder. Guess the mix-up happened because you put all your projects in one repo… makes sense! But hey, great work nonetheless! 👏🚀

    Marked as helpful
    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