Design comparison
SolutionDesign
Community feedback
- @Fave334Posted about 2 years ago
Nice work, but if you don't mind I have some tips :
-You set the imagehtc on active therefore the imagehtc cover will only be visible when the image is clicked and the click is sustained. You could try :
.imagehtc { position: absolute; filter: opacity(50%) drop-shadow(0 0 0 var(--cyan)); height: /*Based on image height*/; width: /*Based on image width*/; display: none; justify-content: center; align-items: center; border-radius: /*individual preference*/; }
Hope This Helps
Marked as helpful0
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