Skip to content
Submitted 7 months ago

social-links-profile

2lana•160
@2lana
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

BEM, hover

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

During the development process, there was a problem with understanding links to social network profiles. An attempt to use a BEM did not allow us to make the hover correctly. Links in this case should not be treated as buttons, otherwise there will be a conflict in the css.

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

practice)

Community feedback

  • Samir•260
    @Samir22RajPosted 7 months ago

    The code seems to be clean, and the application of BEM and hover is no small feat.

    I would like to point out the obvious spacing and vertical alignment of the main element. I noticed that hover is only working for one specific element though (the github profile link). A quick solution to that would be to assign a common class to all the link tags and adding the hover effect on the said class. In fact, you could style using the common class instead as there are actually no modifications needed in the list of profile links.

    0
    2lana•160
    @2lanaPosted 7 months ago

    Hi, @Samir22Raj! Thanks for your feedback. Indeed, the hover is done only for one element. Your solution idea is very helpful)

    0

Please log in to post a comment

Log in with GitHub

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