Skip to content
Submitted over 2 years ago

NFT Preview Card | Image Overlay

Nick OD•270
@NickODxyz
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

Hi all, please let me know if the image overlay could have been done different or in anyway better.

Any feedback from anyone on my work is much appreciated.

Thanks, Nick

Community feedback

  • Naveen Gumaste•10,480
    @NaveenGumastePosted over 2 years ago

    Hay ! Good Job Nick

    <a href="#"> <h1 class="heading">Equilibrium #3429</h1> </a> Why did you use this like the a tag

    Keep up the good work!

    1
    Nick OD•270
    @NickODxyzPosted over 2 years ago

    @Crazimonk thankyou.

    Actually it was because the design called them active states. So I assumed it meant when the element was being clicked. If that is what you mean?

    Please let me know if how I went about it wasn't correct. And thankyou for taking the time to have a look.

    1
    Naveen Gumaste•10,480
    @NaveenGumastePosted over 2 years ago

    @NickODxyz active state is hover effect not links

    Marked as helpful
    1
    Nick OD•270
    @NickODxyzPosted over 2 years ago

    @Crazimonk thankyou for the tip, I'll make a note of that for furture projects.

    1
  • GrischK•140
    @GrischKPosted over 2 years ago

    What a perfect job Nick !!! Even the size looks perfect, amazing ;)

    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