Skip to content
Submitted 7 months ago

Social Links Profile using CSS Flexbox

Alexandru736•210
@Alexandru736
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?

Being able to understand how Flexbox works and understand how to group and organize elements in a container. I was also able to use media-queries better this time(I'm a newbie to html and css).

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

Not being able to place the container in the middle of the page with place-content: center together with flex. I understood I have to set the flex-wrap: wrap. For some reason, when you want to align the content in the middle using align-content property, you also have to set the flex-wrap. I saw that you could avoid this using align-items: center

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

How do I set the most appropriate distances between elements? Are there any useful free tools for that?

Community feedback

  • Bananas•80
    @johntmeachamPosted 7 months ago

    I am new so it's hard to offer much advice. The implementation looks good, the button fonts are a different size but I suspect you know that and were focusing your time on other things. All in all, great.

    Marked as helpful
    0
    Alexandru736•210
    @Alexandru736Posted 7 months ago

    @johntmeacham thank you for your feedback

    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