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

@davdifr

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


Really cool challenge! I hope you like my solution :) Feedback and suggestions are very welcome! Happy coding :D

Community feedback

Atif Iqbal 3,200

@atif-dev

Posted

Hi, you did well. But you need to take care of all three hover states.

  1. First hover on image => background color is not according to requirements
  2. Second hover on "Equilibrium #3429" => there should be a pointer while hovering
  3. Third hover on Jules Wyvern=> there should be a pointer while hovering.

Hope the feedback is helpful😇👍

0

@davdifr

Posted

@atif-dev Hi there,

Thanks for pointing out the anchor! It's actually related to the browser you're using. I can see the pointer when I move it in Safari, but not in Chrome, I didn't notice that! By the way, this is quite easy to fix: Just add the properties to the general anchor.

I can't really understand what you mean by "background colour doesn't meet requirements" if there are no specifications for it.

Can you try to be more specific? Thanks a lot and have a nice day

0
Atif Iqbal 3,200

@atif-dev

Posted

@davdifr I was talking about the background color of image. When we hover over image Cyan color should display, Right? Now I have checked on chrome and firefox. On Chrome, Cyan color is displayed but on Firefox Cyan color is not appearing.

0

@davdifr

Posted

@atif-dev oooh ok! Let's see how to fix the problem in Firefox! (I did it in 30 minutes, I haven't tested it in any other browser... What a newbie 🫠)

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