Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT Preview Card

Jackie Codes• 50

@jackiecodes2021

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I have the Free Version of Frontend Mentor and thus cannot access detailed design notes, but it appears that the image should change on hover but I don't think I was provided the alternate image. Am I misinterpreting the challenge? Any help is much appreciated. Thanks!

Community feedback

mike• 90

@htimsekim

Posted

I used "/images/icon-view.svg" and a colored overlay to achieve the mouseover effect. Getting it to work was the hardest part of this challenge for me for sure.

Marked as helpful

1

@zaklinaradivojevic

Posted

path to your github page is: https://jackiecodes2021.github.io/nft-preview-card/nft-preview-card-component-main/nft-preview-card-component-main/index.html

Marked as helpful

0
CWu• 270

@cwu90

Posted

Hi Jackie,

You should probably double check your github, your file is not found. In this challenge, there is no alternate image. There is a file called "Icon-view" in the images folder. Using that image and the given colour code in your style guide, you are supposed to create that effect yourself.

0
Nakoya Wilson• 1,530

@nakoyawilson

Posted

It's not an alternate image. It's an overlay using the cyan color and the icon-view svg.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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