Skip to content
Submitted almost 3 years ago

Responsive NFT preview card with CSS flexbox

Srikar Gunnam•150
@srikargunnam
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 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,400
    @denieldenPosted almost 3 years ago

    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
    Srikar Gunnam•150
    @srikargunnamPosted almost 3 years ago

    Hi Deniel Den,

    Thank you so much for your feedback 🤝

    I will make the necessary changes 🔨

    1
    Travolgi 🍕•31,400
    @denieldenPosted almost 3 years ago

    @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

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