Siva• 210
@sivakumars
Posted
Hi, Vitor.
You've done a good job on this challenge. To address your question, another way to implement the overlay effect is to use pseudo elements ::before and ::after and position them relative to a containing block.
Stack those pseudoelements using z-index property on hover. This way, you can control the opacity of the 'view' icon too. Right now, you have nested it inside a <a> tag and applying the color property to the anchor ( <a> ) element
I usually use position property whenever I feel the need to overlap elements. I hope this helps you! Good luck :)
Marked as helpful
1
Vitor Magnago• 130
@VitorMagnago
Posted
@sivakumars Thanks for the feedback. I'm going to do some tests with these tips you gave me.
1
