Skip to content
Submitted 4 months ago

Social links profile using HTML and CSS

LVL 1
@marktripney
A solution to the Social links profile challenge

Solution retrospective


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

I was pleased to build on the past projects, adding accessibility features and ensuring that the links' style changed, as per the design brief, on both focus and hover.

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

Initially, the links were only clickable when the text was hovered over, which was not ideal. I changed the CSS to make the whole 'button' (although they're not buttons!) clickable.

I expected font-size to cascade through the document if I set it on body. I discovered that the browser explicitly sets font-size on headings, though, so it didn't work. Good to know!

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

I'm still not sure about clamp. I have used it in the last couple of projects, and it works well... but I'm curious as to how others set their preferred value.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Mark Tripney’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