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

medghazaly 200

@med-ghaza

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 couldn't put the white background on the picture that should appear when I'm hovering the picture. How i can do that?

Community feedback

Rio Cantre 9,710

@RioCantre

Posted

Hello there! Great job with this one. Looking at your solution I would suggest the following for you.

  • Wrap the conatiner with main tag
  • Add description to alt in img tag
  • Change the background color in the body into background: hsla(217, 54%, 11%, 1);
  • Remove opacity: .5;in the hover state of the hero image
  • Add the background color for the hover state as well

Hope this helps and Keep up the good work!

Marked as helpful

1

medghazaly 200

@med-ghaza

Posted

@RioCantre Thanks for devices

0
Rio Cantre 9,710

@RioCantre

Posted

@med-ghaza No worries! I would appreciate if you mark it as helpful. Cheers!

0
medghazaly 200

@med-ghaza

Posted

@RioCantre done

1

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