Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Links Profile using CSS Flexbox

@Alexandru736

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Bananas 80

@johntmeacham

Posted

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

Posted

@johntmeacham thank you for your feedback

0

Please log in to post a comment

Log in with GitHub
Discord logo

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