@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.
CSS 🎨:
- Looks like the component
button
hover state background has not been properly set yet. Because currently a solid color is added but we want to add a gradient.
- Just add the following css rules
button:hover {
background: linear-gradient(#6542FE, #342CE2);
}
- And another thing is to move the
cursor: pointer
tobutton
not onbutton:hover
because thecursor
property needs to be declared on normal state ofbutton
element not during any pseudostates like:hover
,:active
etc.
- 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