Responisive NFT Preview Card

Community feedback

• 

  Bruno Pinho•80

  @pinhobPosted over 1 year ago

  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

  1

  ---

  

  Gerald LeCour•170

  @Gerald-LeCourPosted over 1 year ago

  @pinhob Thank you so much for your help, I understand how to do it now, and will update this solution!

  1