Skip to content
Submitted 3 months ago

Social links profile using flexbox

D_One•30
@D-One-Dev
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of making my page adaptive by using percentage values and CSS media querries.

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

I had no access to the Figma design file, so I had to calculate all the values by eye.

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

I have no particular questions, so any feedback is appreciated.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Sascha Wagner•70
    @Sascha-Wagner99

    Hey Buddy, great work on the project! 🚀
    Here are a few suggestions you could consider to improve it further:

    • Try to get closer to the design specs. It need some time, but you will learn a lot.
    • Use lowercase letters for variable names to maintain uniformity. For example, instead of --Grey-700, --Grey-800, --Grey-900, use something like --green to keep the naming conventions consistent.
    • Consider adopting modern approaches like: 
      body {
    min-height: 100svh; /* Viewport height based on screen size */
}
    • Instead of buttons you can use <a>-Tags
    Marked as helpful

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