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

ouariadamโ€ข 60

@ouariadam

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


Well, this was my third challenge. I had difficulty with the hover that is on the picture. I still have a long way to go -โ˜•, I still don't know how to deal with measurements. I am currently using pixels, and I will also try to improve in terms of organization. I think I have to learn to use variables well๐Ÿ˜…, and also grouping, to make it easier for myself.๐Ÿ€โœ”

Community feedback

stefanappdevโ€ข 150

@stefanappdev

Posted

To add hover to an element use the css rule <selector>:hover{ #insert rest here }

this will add the hover effect to any element, the only exception is the <a> tag which requires you to :active and :visited css pseudo rules before the hover rule

you can check this site out: https://www.geeksforgeeks.org/css-hover-selector/ as for css measurements, check this out :https://css-tricks.com/the-lengths-of-css/

hope this helps and overall your design is great

1

ouariadamโ€ข 60

@ouariadam

Posted

thank you so much-๐Ÿ€@stefanappdev

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