Hello, Frontend Mentor community! This is my solution to the NFT preview card component.
I have read all the feedback on this project and improved my code. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.
You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.
Any kind of feedback is useful 🤗.This is my first attempt in creating a landing page 😅.
Can anyone suggest me on how to create a perfect hover effect on svg.
Today I bring up interesting solution for this challenge.
First of all I decided to make my own design in Figma according to given asset's pictures. It could help me to understand more thing about this design and decrease time for code. And also it is good practice with using Figma. I am just really bad at designing something new so it is good thing with developing my web-design skills, I guess.
And I decided to improve basic design with my idea. Just try these new hover effects on desktop version of this component and you will see what I am talking about. It tempt me to hover on these cards more and more.
So, I guess I did squeeze maximum from this challenge for me.
practice with designing in figma -- check;
modular component -- check;
good structure of code -- check;
improve design ? -- well, I think it is subjective but -- check.
Let me know how would you improve my solution and what you don't really like in it.
Please feel free to leave your comment and see you next time!
Love the hover effect and how you rounded out the borders.
You really utilized a lot of cool tools that I know nothing about but opened my mind up to learning more. And your code is so minimalist and clean! Thanks for sharing!