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 Profile

LGenSOC• 20

@LGenSOC

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 about coding most of the CSS on my own even if I had to ask a CSS expert for help on a couple of points. I found myself spending a lot of time troubleshooting the code thinking it was not working when it was just a missing ";" that was preventing my changes from being displayed so next time I will ensure I first check the syntax.

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

Most of the challenges are based on trying to replicate the design elements which meant a lot of tries and re-tries and it took a long time. This is something that can only be overcome by using an app such as AnimaApp which converts figma files into CSS.

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

I would like for my CSS to be reviewed

Community feedback

Marcelo• 30

@Marchelo07

Posted

El código html es semántico.

Se podría hace mejora en los enlaces de las redes sociales para poder hacerlo enlaces utilizando <a><a/>, y de esta manera al dar clic sobre los mismos se pueda dirigir a la redes sociales.

La solución difiere al momento de pasar por cada botón, es mas atractivo colocar el color como indica el ejemplo y es más llamativo para el usuario.

En general es muy bueno el código utilizado.

0

LGenSOC• 20

@LGenSOC

Posted

@Marchelo07 muchas gracias por tu análisis, muy util!

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