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 using react

@DagimTizazu

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


Hello hi! 👋 I am Dagim, and this is my solution for this challenge. 🦾

🎒 Features:
    ▪️ Mobile first approach 📱
    ▪️ Resemblance with the original design 📐
    ▪️ The codebase is well-maintained and formatted using Prettier. 🎀

🍳 Built with
    ▪️ React JS 💻
    ▪️ Vite ⛏️
    
 ❓ My questions
    ▪️ The approach I used to make the hover effect on the image using css seems a 
       little hacky. any suggestions how I can do it using react?
    ▪️ Any Tips on how I can improve and or reduce unnecessary code are 
     welcome! Thank you in advance.❤️

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