Social links profile

What are you most proud of, and what would you do differently next time?

This time I am really proud of the general design, I feel this was the first time I was able to make my design look like the one provided.

What challenges did you encounter, and how did you overcome them?

In this challenge, I had to make sure that every time I hovered over each item in the list, the background changed to green, the text to black, and the cursor to a particular icon.

I knew how to implement the changes for the li element upon hovering, but I was unsure how to extend these changes to the nested a element.

I did some research and came across the inherit keyword and used it within the a selector. Because of both the color and cursor properties are set to inherit, the text color and cursor of the li element influence those of the nested a element upon hovering. This occurs as the a element naturally inherits the color and cursor properties of its parent li element.

I hope this was the correct way of solving my problem ( suggestions are appreciated)

What specific areas of your project would you like help with?

I would appreciate comments on the usage of inherit in my project since it was the first time I used it.