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 Challenge Using HTML and CSS

@andersentess

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


I am brand new to coding - I finished an online workshop at the end of last year and took a few months off due to illness. I am just getting back in the swing of things and I wanted to begin with a straightforward challenge. This is my first time submitting one on frontend mentor so any processes I need to change I am welcome to all feedback.

Much appreciated!

Community feedback

Lahan 210

@lahanhelith

Posted

Hey man. You have done an awesome job with the challenge!

There is only a very minor problem in the CSS where you have set transition-property:all for your hover transitions. This won't be a huge problem in small web pages but it can negatively affect the performance of a larger application.

Instead, it's good practice to only set transition properties to what you are trying to animate.

Kevin Powell explains this in this video.

Marked as helpful

0

@andersentess

Posted

@lahanhelith

Thank you so much! That is for sure something new you just taught me, the video was super helpful.

Thanks again, like I mentioned before I am just starting out so I am very keen to learn as much as I can.

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