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

@MunibAhmad-dev

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 specific areas of your project would you like help with?

Throughout the project, I performed well overall, but I faced a challenge with the social media buttons. Initially, I used flexbox, which resulted in an imbalance with the buttons—some were larger and some smaller, differing by a few pixels. This issue arose because labels like 'GitHub' have 6 characters, while 'Frontend Mentor' has 14, causing the buttons to have varying widths. To address this, I switched to using CSS Grid. Although I'm not very familiar with Grid, I created 5 separate divs, and in the end, I achieved the desired result. I’m not sure if I used Grid in the best way, but it worked.😅

Community feedback

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