Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3 Column Preview CArd

@EJdevgithub

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@victorsonet

Posted

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 helpful

0
mubizzy 1,520

@mubizzy

Posted

Hi erycha try making a hover button button:hover{ Background-color:transparent Cursor:pointer }

0

@dev-mksingh

Posted

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

@DimiPavlov

Posted

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 GitHub
Discord logo

Join 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