Submitted 8 months ago

Responsive Social Profile using Flexbox

Derp• 170

@DDeerrpp

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social links profile

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Finished a project!

Not really much for this project, but would like to know if there is a better way to space the contents out. Since for this project, I used margins and translate to space things as close to the design as possible.

Please let me know any feedback you have!😗

Community feedback

Kate• 50

@ClickClickKate

Posted 8 months ago

Instead of margins, flex actually has the gap property which puts a gap between elements. So you could give that a go. I also used some margins, but like for social links you could try flex direction column and gap:20px...as an example...to put space between them.

Please log in to post a comment

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