Skip to content
Submitted 7 months ago

Social links profile - Challenge

tgodo•50
@tobiekwe
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 building a good structure using HTML. Still struggling to understand the use of Figma for more precise coding.

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

Figuring out correct widths, sizes and text family. I took enough time comparing and adjusting.

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

Figma design.

Community feedback

  • Luis Mendoza•80
    @LMCyberPosted 7 months ago

    Congratulations, it turned out great. I used the following sizes, I share them with you in case they can help you achieve a better result:

    Mobile: .main { background-color: var(--darkGrey); display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px; width: 328px; height: 581px; border-radius: 12px; }

    Desktop:

    .main { width: 384px; height: 613px; padding: 40px; }

    0

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