Skip to content
Submitted 5 months ago

Social link profile

Diego Hernández•80
@dieherram
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?

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
    @tchananetPosted 5 months ago

    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

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