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 Main

@Hossein-H-I

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

Djamel1133 150

@Djamel1133

Posted

Hi, Great job on your work! I have a few suggestions that might help improve your project:

  • Use of Flexbox in the Body Section: I noticed that you are using Flexbox in your body section. Since Flexbox is already used in avatar.container, you might not see much benefit in having it in the body section as well. It could simplify your code if you remove the redundant Flexbox implementation.

  • Media Queries: Given that you are using rem units and min-width in your container, you might not need all the media queries you've implemented. You could try removing some of them and see if it affects your layout, as the flexible units might already be handling the responsiveness well.

  • Modern CSS Reset: I recommend using a modern CSS reset at the start of your styles in every project. It helps reset a list of default browser styles, ensuring consistency across different browsers.

I hope these suggestions are helpful.

Marked as helpful

0

@igor-chaves

Posted

I wish I had the font sizes and size of divs

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