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 Links Profile (Personalized)

Uche Ofatuā€¢ 260

@Macnelson9

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 are you most proud of, and what would you do differently next time?

I am most proud to learn a new technique which is putting the button tags inside of the hyperlink tags (a tags) and then using width and height properties to give it some size.

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

So at first glance, I already knew that I was going to tackle this challenge using Flexbox which I did and it was quite simple. Although, I ran into a bit of a challenge when I initally had put the a tags (hyperlinks tags) inside of button tags. It worked quite alright that way but the hover effect in this method will only change the color of text inside the button when you hover around the link itself on the button and not when you hover around the entire button. I then figured out that if I instead put the button tags inside of a tags, it works perfectly and even the button becomes clickable unlike how it was initially. And also the styling of the buttons became different for me because I was used to using padding to give it a width and a height but I figured using the width and height properties directly is far much better and neater. Think that does it. I'll be available for any clarification of sorts. Thank you and Happy Coding!

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