Design comparison
SolutionDesign
Community feedback
- @0xabdulkhaliqPosted 6 months ago
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
- I have a suggestion regarding your code that I believe will be of great interest to you.
ADDING HOVER STATE 🪄:
- Wow your custom design makes this solution to stand out from the rest of the crowd!
- I just wanted to share a small suggestion which may helps you to provide a visually appealing hint. What about adding
hover
state for the card ?
- Just add the following css rules
.container { transition: box-shadow .3s; } .container:hover { box-shadow: 12px 13px 0px 1px #000; }
- Trust me this will after this effect your solution would be perfectly finished if you add this as a finishing touch!
.
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord