Skip to content
OverviewSolutions
13
Comments
14
P

Brais

@braismarquez2025270 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • P
    turtlewords•500
    @Turtlewords
    What are you most proud of, and what would you do differently next time?

    I'm proud of the JS that generates passwords and rates their strength. Next time I might try a different approach to placing the header.

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

    Inverting the colors of the generate password button had me scratching my head. CSS ended up not being sufficient, so I had to use some JS to handle the color inverting hover effect.

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

    Functionality and adherence to design.

    Password Generator with Vanilla JS

    1
    P
    Brais•270
    @braismarquez2025

    Tienes el slider mal configurado, comienza en 8 y termina en 14, impidiendo configurar la longitud de la contraseña adecuadamente, de 0 a 20. El resto de elementos te han quedado genial, corrigiendo ese detalle tienes una pagina estupenda!

  • P
    Brais•270
    @braismarquez2025

    La página te ha quedado muy chula, solamente te falta una cosa, y es que los mensajes de error no están presentes en los inputs. Me refiero a los avisos en rojo que aparecen cuando aún no has escrito nada.

  • P
    Brais•270
    @braismarquez2025

    Me parece súper interesante la navegación entre los distintos proyectos, nunca había visto algo así, muy original! Este proyecto en concreto también está muy bien, me has inspirado!

  • P
    Brais•270
    @braismarquez2025

    La parte de javascript está genial, deberías arreglar el cuadro gris que se ve encima del fondo azul y el tamaño del label del formulario. Ten cuidado con la tipografía, en ocasiones no se aplica la adecuada.

  • P
    Brais•270
    @braismarquez2025

    Excelente trabajo! No consigo que en mi página la imagen principal se vea igual o muy parecida, veo que tu si lo has conseguido. Observando tu código me he dado cuenta que a mayores de la imagen, tú también le das tamaño al contenedor de esa imagen, y he hecho lo mismo, pero a pesar de esto, mi imagen se sigue viendo cortada. Incluso he probado a usar el object-fit:cover pero aún se deforma más.

  • P
    Emmanuel Lopez•480
    @EmLopezDev
    What are you most proud of, and what would you do differently next time?
    • I would say figuring out the toast/tooltip. I am sure the solution could have better but being able to get it to a point where it works and looks like the design felt great. Next time maybe I would spend less time breaking my head figuring it out on my own, and either ask for help or look at other solutions.
    What challenges did you encounter, and how did you overcome them?
    • Getting the toast to look good on different screen sizes was a challenge. I honestly just did the good old trial and error until I figured it out.
    What specific areas of your project would you like help with?
    • I would like feedback on my solution to the toast/tooltip and what I could have done better.
    • Also I would like feedback on how to make the hero image better. It looks crammed up to me.

    Article Preview Component

    #sass/scss
    1
    P
    Brais•270
    @braismarquez2025

    Me sucede lo mismo que a ti con la imagen, no se que estilos darle para que se vea igual. Fíjate en tu página que la flecha de compartir (en la cual se despliega en menu con los iconos) no tiene incorporado el hover, debería cambiar al pasar el ratón por encima. Solamente he visto ese defecto, buena página!

View more comments