Nft preview card challenge using vanilla html5 and css3.
Design comparison
Solution retrospective
What could I have done better, in terms of setting up the html file or css stylings?
Community feedback
- @LouMauriegePosted about 1 year ago
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 helpful1
Please log in to post a comment
Log in with GitHubJoin 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