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.

Community feedback

  • Aravindhan•320
    @aravindhan7Posted over 1 year ago

    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
    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