Skip to content
Submitted 22 days ago

NFT-preview-card-component

pure-css
Amna Ashraf•410
@Dev-Amna
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What specific areas of your project would you like help with?

Anything!

Code

Please log in to post a comment

Log in

Community feedback

  • beowulf1958•1,890
    @beowulf1958

    Congratulations on completing this challenge. It looks great. However, I noticed that the hover state on the image is missing the view icon. This is easily fixed.

    First, in the root, define a new variable --cyan20: hsla (178, 100%, 50%, 0.2) This is your cyan color at 20% transparency. Then replace the background-color with background: var(--cyan20) url("./images/icon-view.svg") no-repeat center; This places the icon on top of the color in the center of the div. This article explains everything. Try it out!

    Hope this helps.

    Marked as helpful
  • Asia Ashraf•1,000
    @asia272

    excellent work!

    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