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

@dieherram

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?

I am most proud of having completed the challenge without access to the Figma design file. Despite this limitation, I managed to get quite close to the reference images. Next time, I would spend more time ensuring pixel-perfect accuracy and consider using tools like Google Lighthouse from the start to improve accessibility and the overall quality of my code.

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

Trying to match the original design was a considerable challenge. However, my previous experience working with Figma files in other projects proved very helpful. This familiarity allowed me to resolve my questions much more quickly and efficiently.

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

I would like to receive advice from more experienced users to improve the quality of my code. Any suggestions on best practices, optimization, and accessibility would be very valuable to me.

Community feedback

tchananet 170

@tchananet

Posted

Hello! I liked your solution! It's not much but here are some points to help you out.

  • Try to use variables defined in the root instead of putting the colors and font sizes one by one manually. This makes the code look clean, helps avoid confusion.
  • Your container is a quite smaller than the one in the solution. Try setting height and/or removing the footer.

Marked as helpful

1

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