Design comparison
Solution retrospective
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.😅
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