Skip to content
Submitted over 1 year ago

Simple Social Link Profile Dev Using Basics HTML&CSS

Jumagobe•1,050
@Jumanjigobez
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I was using Unordered List method for the social links, but I was unable to make the hover link to the full element, it was just accepting hovering to the a tag text alone.

So, I decided to use only the a tags under a div tag and then I was able to fix the issue of enabling hovering to the whole let's say the button.

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

I would love to get to know how to use the UL method and then making sure the a tag when hovered the whole part of the link to accept hovering.

Yaap, otherwise it was a good refresher for me.

Hope you give it a Like :)

Code

Please log in to post a comment

Log in

Community feedback

  • ehennes•70
    @ehennes

    Looking at your solution, what you might be able to do for the UL method is:

    1. Make the <a> tags inside each <li> block elements, which would make them the full width of the parent <li>
    2. Keep the padding on the <a> tags, but instead of having the hover effect on the <a> tags, put it on the <li>

    I hope this helps! Nice work!

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