NFT Preview Card

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have some recommendations regarding your question that I believe will be of great interest to you.

CSS 🎨:

• "I had a very hard time implementing the hover on the main image to align with the image"

• Looks like you already implement the right method but the issue is you overused absolute position's properties like top and left etc.

• You can quickly fix the misplaced image by removing the following code from css

hero-image div:hover::before {
  top: 6.06rem;
  left: 36.5rem;

• You can able to see the changes after removing these two style rules. .

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!