Skip to content
Submitted over 2 years ago

Responsive NFT preview card

Mathanraj T•60
@mathanraj0601
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

I used one way to add a color overlay over the image. can anyone have better way than this. Share with me .I help me to improve my coding in future project. Always open to feedback. Thank you:)

Community feedback

  • Travolgi 🍕•31,400
    @denieldenPosted over 2 years ago

    Hi Mathanraj, I took some time to look at your solution and you did a great job!

    You can fix the effect :hover creating a div that appears on hover. I used tailwind but you can still see and understand which css properties you can use to do the same. Look here -> my solution

    Overall you did well 😉

    Hope this help and happy coding!

    Marked as helpful
    0
    Mathanraj T•60
    @mathanraj0601Posted over 2 years ago

    @denielden Yeah it's helps me to improve my code and learn new way to solve a same problem. Thank you so much for your time and for giving me a another way to solve :).

    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