Skip to content
Submitted 6 months ago

Social Links page using flexbox CSS

Ramiro Damian Gimenez•120
@KraudKaiser
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?

I think im very proud with the time this take me to complete. I had less troubles with the responsive designs and make them fit in the container. My skills are taking shape now.

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

I see that i had a really struggle with make fit the image, it was just getting out of the box. So i reset with a different view of how to make the css

And that was a good result

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

I dont know. Really i dont know, but i will aprecciate all the feedback i could get.

This is my second challenge in the day, so maybe my eye to details are not at 100%

Community feedback

  • Bernardo Poggioni•5,280
    @R3ygoskiPosted 6 months ago

    Hola de nuevo Ramiro, me gustaría comenzar avisándote que tu proyecto tiene problemas de responsividad, esto se debe a que has utilizado este fragmento:

    @media screen and (max-width:1440px)

    Aquí estás diciendo algo como "Aplica los estilos aquí presentes hasta un máximo de 1440px", entonces sucede que cuando, por ejemplo, yo que tengo un monitor de 1600px, abro tu proyecto, queda sin estilo. Para corregir esto, podrías cambiar este max-width por min-width. Pero no puedo garantizar que esta sea una corrección definitiva, quizás tengas que hacer algunos ajustes.

    También olvidaste agregar el estado de :hover, intenté activarlo y no funcionó. En los botones hay un efecto de :hover que los vuelve verdes.

    Si quieres aprender más sobre :hover, aquí tienes un enlace: W3School - Hover.

    Y un último consejo, evita en la medida de lo posible utilizar CSS dentro del HTML, porque esto desorganiza tu HTML e incluso dificulta el mantenimiento. Lo correcto es utilizar CSS en un archivo externo, es una buena práctica, así que te recomiendo mucho que investigues sobre eso.

    Por lo demás, felicidades

    Marked as helpful
    1

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