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

Social link profile using CSS flexbox

Noel Hoppe 350

@noelhoppe

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, I have some problems, giving the link the correct color in hovering state. Over and above that, any suggestions are welcome. Thanks!

Community feedback

@Marley-Semende

Posted

Hi @noelhoppe. Nice work on your project. I checked out your CSS and I noticed that your hover: rule is targeting the <li> elements when hovered, but it's not targeting the <a> (anchor) elements within those <li> elements. If you want to change the text color of the links when hovering over the list items, you should adjust your CSS like this for example:

li:hover {
    background-color: green;
}

li:hover a {
    color: black;
}

I hope this helps. Happy coding :)

Marked as helpful

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