Skip to content
Submitted 7 months ago

Tarjeta de perfil

MrestebanNeva•60
@MrestebanNeva
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Logre llegar al diseño lo mas exacto posible y le aplique algo de dinamismo usando hover en algunas partes.

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

Aun me es dificil calcular las mediadas de los elementos y crear del todo una pagina 100% responsiva

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

medidas y responsividad

Community feedback

  • Anthony Becarne•160
    @AbecarnePosted 7 months ago

    Hello @MrestebanNeva !

    You did a great job on this!

    If you pay attention to the hover behavior for the list of links, you can see that the cursor changed only when you go over the text, maybe you should change it to affect the whole <li> tag ?

    The animations are smooth and changing the opacity when not hover a link is a good idea !!

    Good luck for the next challenges :)

    Marked as helpful
    0
  • Yannisp2000•70
    @Yannisp2000Posted 7 months ago

    I really like your solution! The hover effect and the animation is great and look really good.

    On the links i see only one problem who is easy to fix i think. When you hover the complete button scales up but you need to klick on the text because the button doesn´t work. I think the solution is to style the <a> element instead of the <li>. Then you can click everywhere you want in the button and the link works.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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