Skip to content
Submitted 10 months ago

Social links profile

#sass/scss
David Khuu•30
@davidkhuu
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?

How quickly I was able to style the page without the Figma design

Please log in to post a comment

Log in with GitHub

Community feedback

  • Sonja Krafft•310
    @sonmikrafft

    Looks amazing! You completely nailed it. So, I'll only give some code-wise suggestions: For the social links, you can nest :hover into social-link.

    .social-link {
   &:hover {...}
}

    Additionally, you could add transitions to make the changes smoother.

    .social-link {
   transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}

    But these are only minor suggestions. Your result is great already!

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