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

P
Daniel 150

@dantvi

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?

Completing the challenge and getting everything up and running.

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

I had some problems with getting the links to work as intended. At first, I had an unordered list with list items containing the a tags. The problem that occurred was that the user needed to press on the text inside of the buttons for the links to work. If the user pressed outside of the text but still within the button, the link would not work. I removed the a tag completely and made an event listener that listened for the onclick event. Then in js I created functions that would take the user to the correct webpage. Now that I think of it, I could probably make a function that takes a parameter (each webpage) and then use a template string to open the correct webpage. This would make it one function instead of five different ones.

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

Any feedback would be appreciated.

Community feedback

Keethesh 50

@keethesh

Posted

Great work! Maybe try to use a bottom margin to lower the location? Also it looks a bit on the side, try finding a way to center it. The weight of the bio as well is not exactly the same. Some minor changes to the spacing between some elements should also make it more identical than it already is!

0

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