Design comparison
SolutionDesign
Solution retrospective
As always, if have any comments or recommendations or if you find anything that could be removed or changed. Please let me know!
Thanks
Community feedback
- @lack21Posted over 1 year ago
Great job 👍, but i have a recommendation!
- When you hover over an image it's opacity changes from 0 to 0.5 which is good, but eye icon is not visible, you can fix this like this, change
background: hsl(178, 100%, 50%);
in the.overlay
to thebackground: hsla(178, 100%, 50%, 0.5);
and change on hoveropacity: 0.5;
toopacity: 1;
.
Like this eye icon will be visible.
Marked as helpful0@newtothis90Posted over 1 year ago@lack21
Awesome man, I didn't even pick up on that. Great advice for this project and for the future as well! Thank you very much for pointing that out!
1 - When you hover over an image it's opacity changes from 0 to 0.5 which is good, but eye icon is not visible, you can fix this like this, change
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