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

@mcstarley1215

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


Please give me a feedback on how I can improve this project.

Community feedback

@Wlmserick

Posted

Hi MCSTARLEY1215,

This is an awesome design, even way better than mine. I previewed the live site and have some suggestions. I noticed the active effects are not functioning.

Here's a suggestion you can use for the effects.

.detail-title:hover{ cursor: pointer; color: hsl(178, 100%, 50%); }

.author-name:hover{ cursor: pointer; color:hsl(178, 100%, 50%); }

Then remove the following from the code and it should work just fine when hovered on. .detail-title { cursor: pointer; } .detail-title:active { color: hsl(178, 100%, 50%); }

.author-name { cursor: pointer; } .author-name:active { color: hsl(178, 100%, 50%); }

I am still working on the image active state and might update when I am done. I hope this helps . Happy coding!

1

@mcstarley1215

Posted

@Wlmserick thanks for the feedback, I forgot to put the effects, Thank you so much for the suggestion.

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