@pinhob
Posted
Hey, Gerald! Cool solution for the challenge so far! 🙂
The hover gradient and icon were tricky for me too - I spend a lot of time trying to find a solution and need to see how other people did at the end to create my own.
But one way to solve it is using the pseudo-elements ::before
or ::after
in your image container. If you want to have an idea, I found this codepen helpful to have a grasp of how to do it. Outside the gradient part, for the icon being centered, I used flexbox.
I'm not 100% sure that my solution is the best approach, but if you want to check it out, you can see my code here. I highlighted the important part for you.
And good coding for you, man! 🚀
Marked as helpful
@Gerald-LeCour
Posted
@pinhob Thank you so much for your help, I understand how to do it now, and will update this solution!