Skip to content
Submitted 11 months ago

responsive nft component using flexbox and position absolute

Justine•20
@Justine-5
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

Is there a better/optimal way to create the hover effect when hovering over the image?

Community feedback

  • Szeri•60
    @Szeri323Posted 11 months ago

    Hi @Justine-5,

    Nice solution and good job!

    In response to your question, it's considered good practice to specify which properties you want to include in the transition. By default, the transition affects all properties.

    You can use something like this:

    transition: 150ms ease-in-out opacity;

    I hope this has been helpful.

    Happy New Year!

    Marked as helpful
    0
    Justine•20
    @Justine-5Posted 11 months ago

    @Szeri323 oh, I didn't know you could do that! Thanks for the advice!

    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