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

@CoderExplore365

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?

What I am mostly proud of is that I figured out how to do the CSS part when it comes to coding the buttons and learn how to design them. I will just start doing things the same while I figure things out by myself instead of doing things differently.

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

I did not encounter challenges because I already overcome them by figuring out how to center the container.

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

There are not any specific projects I do not need help with because it is good to go.

Community feedback

@DanCodeCraft

Posted

Nice one, @CoderExplore365.

I think the colors and the font are a bit off, and it takes away the hierarchy of the elements displayed. You can also centralize the main container on the screen when working on a page like this since this is the only element to focus on. All the elements within the container are also not centralized and heavy on the right side.

I like you added the transition for when hovering each button.

I don't really understand why you have a CSS file, and also a local CSS. The idea is to have it separate in files to make your life easier, and the project better organized.

Last but not least, I would strongly recommend you only use IDs when is a very unique element. Other than that, always aim to have classes.

All the best!

1

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