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 links profile

@davidkhuu

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


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

Community feedback

@sonmikrafft

Posted

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!

1

@davidkhuu

Posted

@sonmikrafft I was wondering if there was something I could do about handling :hover and your suggestion for nesting them is exactly what I needed. Thanks!!

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