Social Link Profile using HTML / CSS / Grid

Solution retrospective
I am most proud of how clean and responsive the design turned out. Using a mix of Flexbox and Grid, I was able to keep the layout simple yet well-structured. I also focused on accessibility by adding meaningful alt text and keeping the card visually appealing with good spacing and contrast.
What challenges did you encounter, and how did you overcome them?One challenge I faced was aligning the elements neatly while keeping the card responsive. At first, the layout broke on smaller screens, but I fixed it by combining Flexbox and Grid for better structure.
Another challenge was handling spacing and alignment of the social links. I overcame this by experimenting with CSS properties, using gap in Grid, and testing different screen sizes with media queries until the layout looked balanced.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on MUSKAN SHAIKH's solution.
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