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 challenge using vanilla html5 and css3.

@Jbugglin

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


What could I have done better, in terms of setting up the html file or css stylings?

Community feedback

Lou 110

@LouMauriege

Posted

Hi,

Your code is really good, you did it !

But I can see one thing witch, for me, could be improved. While hovering your equilibrium picture we can see the eye is half transparent, that because its parent has "opacity: 0.625;". To avoid this transparency on the eye, you could take off the "opacity: 0.625" and rather than editing the opacity of the block you could use a color witch is half transparent. To do this simply adds two numbers to the hex code of your color like so : #00FFFF is your color with an alpha of 100% and if you want 50% you just had to convert it in hex witch gives you 32 and so #00FFFF32 is your #00FFFF color with 50% opacity apply on it and your eye will be more visible.

Hope it will help you !

Marked as helpful

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