Design comparison
SolutionDesign
Solution retrospective
For me the hardest part the hover effect when the cursor hover over the buttons... i dont why its not working...so if you have suggestion on how to solve
Community feedback
- @victorsonetPosted over 2 years ago
Hey!
- If you want to have a specific cursor for the button you want to add the cursor property to the button element or to the button:hover selector and the cursor for this case is pointer!
- https://developer.mozilla.org/en-US/docs/Web/CSS/cursor, you can find everything about it here.
button { cursor: pointer; }
I hope this answered your question!
Marked as helpful0 - @mubizzyPosted over 2 years ago
Hi erycha try making a hover button button:hover{ Background-color:transparent Cursor:pointer }
0 - @dev-mksinghPosted over 2 years ago
Hey Erycah, hope my solution will work for you , here you go :
button:hover { background-color: transparent; border: 1px solid hsl(0, 0%, 95%); cursor: pointer; color: hsl(0, 0%, 95%) }
0 - @DimiPavlovPosted over 2 years ago
Hi Erycah, well done on completing the challenge.
In order to achieve the change of background color on hover effect, try to set it to transparent.
background-color: transparent;
Happy coding!!!
0
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