Skip to content
Submitted over 1 year ago

NFT Card

Stephanie Dennehy•220
@Stephanie-Dennehy
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! This is the first challenge I have completed. I'd love some feedback regarding my HTML structure. I want to make sure that I'm using best practices as I create new files.

I also had a hard time getting the "view icon" to show up correctly on the image hover. If anyone can tell me what I did wrong here, I'd appreciate it! I tried multiple solutions and couldn't manage to get that part right.

Please log in to post a comment

Log in with GitHub

Community feedback

  • Aravindhan•320
    @aravindhan7

    For an idea of best practise for HTML, kindly go thru below blog https://www.freecodecamp.org/news/html-best-practices/

    and the eye icon simply you play with the opacity

    first create the eye icon with blue background and set over the image and give opactity 0

    while hover, you change the opacity to 1.

    Hope this is useful for you!.

    Marked as helpful

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