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
Request path contains unescaped characters
Not Found

Submitted

social-profile-links

@DAEM007

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 glad, I am able to work with vanilla css. Enjoyed building this.

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

  • Trying to execute a pixel perfect solution: I tried to implement what you could call a look-and-feel solution for this project.

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

  • How to style images in a container.
  • How to write better css.
  • How to train my eye for pixel perfect execution.

Community feedback

@DanCodeCraft

Posted

Well done, @DAEM007!

I want to help you with your questions, but your repo is private (or the link is incorrect). I can, however, point out a few things you're missing:

The animation works pretty well, but if you see, the font color changes along with the button. It goes from white to black so it's easier to see it.

There are many ways you can style an image within a container, and it depends entirely on your code. But you can easily have a picture element around the source, and go from there. You can modify, among other things, its size, border, position, hovering status, etc...

Train your eyes is a hard task, and completely related to how many pages or components you build per day. Do not get too attached to it, as it can sometimes be frustrating. Still, you can always inspect different websites and check each property, in an attempt to replicate it.

0

@DAEM007

Posted

Thanks a lot @DanCodeCraft. I honestly missed that. I would adjust it now.

Thanks as well for the pro tip on styling images in a container.

Also, I have made the repo public now.

Thanks once again @DanCodeCraft

0
P

@jazzielp

Posted

Very good work. Congratulations!

0

@DAEM007

Posted

Thank you so much @jazzielp. I really appreciate🙌🙇‍♂️.

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