@0xabdulkhaliq
Posted
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.
GRADIENT BACKGROUND DURING HOVER :
- Looks like the component
button
hover state background got a solid color instead of gradient colors. We need to fix this!
- Just add the following rules
button {
transition: background 0.5s ease-out;
background-image: linear-gradient(90deg,#242742 0%,#242742 50%,#ff477e 85%,#ff6a38 100%);
background-size: 500%;
background-position: left;
}
button::hover {
background-position: right;
}
- Now your component's
button
background for hover state has been set properly
.
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
Marked as helpful
@BT453567
Posted
Hello @0xabdulkhalid
Thanks for the suggestion, I have now updated the solution with your recommendation.