Skip to content
Submitted almost 3 years ago

Responsive layout using flexbox

Pratyush Kumar•30
@pratyush1100
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

idk why but the transition is not getting applied to the equillibrium image.

Community feedback

  • Fernando FeN•425
    @Fernando0654Posted almost 3 years ago

    The reason of your trouble is that top class is over the img, which has the hover state. So, it's not hovering because when you put the cursor over the img, actually you're hovering the top div and not the img

    Hope this can help you. Also, use a main tag to wrap the main content of the page. This will fix your accesibility issues

    1
    Pratyush Kumar•30
    @pratyush1100Posted almost 3 years ago

    @Fernando0654 Thank you, I'll try to fix it

    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