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

Responsive NFT preview card with CSS flexbox

@srikargunnam

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


I have used CSS conditional styling to mask "equilibrium image" with a div having 0.5 opacity on hover, i used it for the first time, so could someone provide me a feedback whether it is correct or is there a efficient way to handle it.

Community feedback

Travolgi 🍕 31,420

@denielden

Posted

Hi Srikar , great job!

Attribute type not allowed on element img. Also try to adding a little transition on the element with hover effect ;)

Hope this help ;)

Marked as helpful

0

@srikargunnam

Posted

Hi Deniel Den,

Thank you so much for your feedback 🤝

I will make the necessary changes 🔨

1
Travolgi 🍕 31,420

@denielden

Posted

@srikargunnam You are welcome! And don't forget to mark my comment as helpful if it helped, thanks :)

Marked as helpful

0

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