Looking to hire developers?
Submitted
@Islandstone89
I'm struggling with how to do the overlay which should appear when hovering the image. Do I use z-index, pseudo-elements, absolute positioning....would love to get some insights on this.
Also, I created the thin line using border-bottom - I have a feeling this might not be the ideal solution?
Thanks in advance.
Account Deleted
The simplest way of doing the overlay is make the divs overlap each other and transition the opacity of the overlay div... and using border to create line is quite normal actually, but i wouldn't recommend creating an element with only border. Personally i would use border-top in the class="creator" or even a div with width, height and a background.
Marked as helpful
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
