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 link profile using CSS flex box

@crimson3d

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Agustina 125

@aguscorvo

Posted

Congrats on solving the challenge! Here are some suggestions or tips:

  • Include semantic HTML tags like main, section, and article when necessary, instead of using divs for everything.
  • There’s something missing in the hover state: while the background color changes, the text color stays white, which makes it hard to read. According to the designs, it should be black.
  • From my understanding, "GitHub", "Frontend Mentor", etc, should be buttons.
  • Explore other ways to manage spacing between elements instead of using <br> tags. For example, you can use the gap property with flexbox.
  • Please check the size of the avatar image, the card size and the padding. Also, note that they may change slightly in mobile view.

Happy coding! :)

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