Skip to content
Submitted about 2 years ago

Tailwind NFT Preview

Alex•100
@AlexDevOp4
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

Hardest thing about this project for me was the image in the middle and making the eye icon show on hover while making the background blue.

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted about 2 years ago

    Hey there! 👋 Here are some suggestions to help improve your code:

    • Stay away from using libraries until you fully grasp the fundamentals. This is the purpose of this challenges.

    • The NFT image needs to have a border-radius to better match the FEM example.

    • The NFT Alt Tag description needs to be improved upon. You want to describe what the image is; they need to be readable. Assume you’re describing the image/icon to someone.

    • "0.041 ETH" and "3 days left" are using the incorrect font-family. You want to check your "style-guide" to download the correct one.

    • "Jules Wyvern" needs to have a :hover effect.

    If you have any questions or need further clarification, let me know.

    Happy Coding! 👻🎃

    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