Submitted 4 months ago

Social Links using HTML & CSS with flexbox

Gavin Fenton•70

@GavinF17

A solution to the Social links profile challenge

Preview Code

Solution retrospective

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

Working without Figma was more of a challenge as the style guide doesn't cover everything.

I was able to work around this somewhat by using an image overlay in my code to enable simple comparison between my work and the design image

<img src="design/destkop-design.jpg" style="position: absolute; overflow: hidden; top: 0px; left: 0px; opacity: 0.5"/>

Where I can position it correctly by updating the top and left properties in the dev console.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Gavin Fenton'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