Skip to content
Submitted about 2 months ago

Social Links Profile developed by flex box and grid.

tailor-made-god•120
@tailor-made-god
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 proud of only by eyeingout and with few try I can get almost to the design. And next time I will try to do with grid only.

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

The most challenging part is not using design files and I overcome this by few trial and errors.

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

I want to know if this alignments done by padding rather than margins, it will be a better code or not.

Community feedback

  • Tsukimi•780
    @hikawiPosted about 2 months ago

    Hi! Obviously I can't share the design files, but usually it seems to be done with gap. For example, the links section is a flexbox with gap 16px (1rem), and the entire card is a flexbox with gap 24px (1.5rem).

    Web is weird and there are 200 solutions for 1 problem so margins are okay too.

    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